倒计时功能是在JS中常用到的一种功能,常见的有5秒倒计时,和10秒倒计时两种,实现主要靠两个方法:setInterval()和clearInterval()
工具/原料
1
电脑一台
2
JS方法:setInterval()&clearInterval()
方法/步骤
1
新建一个HTML文档,用于承载JS
2
setInterval()方法,用于设置一个周期性循环执行的函数,示例代码://定义一个setInterval()方法,//每间隔(1000毫秒==1秒)执行一次函数clock()//var int 用于cleanInterval()接受的参数var int=setInterval('clock()', 1000);
3
定义一个计时器函数: clock(),示例代码://将变量num设置为全局变量var num=10;function clock(){ num>0 ? num-- : clearInterval(int);}
4
获取DOM并输出计时器当前的值,示例代码:document.getElementById('time').innerHTML=num;
5
保存以上文件,在浏览器执行查看效果
注意事项
1
setInterval()用于设置需要定时循环调用的函数或表达式,需要一个唯一返回值
2
clearInter(int)接收一个参数,并停止var int=setInterval()
3
喜欢此经验,请记得投票和点赞