一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

javascript基于定时器实现进度条功能实例

时间:2017-10-19 编辑:猪哥 来源:一聚教程网

本文实例讲述了javascript基于定时器实现进度条功能。分享给大家供大家参考,具体如下:

Javascript 中的定时器

window度一线下面的方法 window.setInterval() 启动定时器

1.setInterval(function(函数),time(每隔多少时间执行一次函数,单位是毫秒))

会重复执行某项操作

2.setTimeout 运用在延迟一段时间,再进行某项操作

setTimeout(function,time) ,setTimeout 不会重复!

停止定时器

setTimeoout 对应的是clearTimeout(对象)   清除已设置的setTiemout对象

setInterval 对应的是clearInterval(对象)  清除已经设置的setInterval对象

给出一个案例:





www.jb51.net js进度条




运行效果:

运行程序的时候,网页上的进度条就会加载,加载的快慢与时间有关!

热门栏目