多语言展示
当前在线:646今日阅读:183今日分享:45

JS 10秒倒计时实现

倒计时功能是在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

喜欢此经验,请记得投票和点赞

推荐信息