本文实例为大家分享了JavaScript定时器使用的具体代码,供大家参考,具体内容如下
定时器分类
1、循环执行:
一段程序能够每间隔一段时间执行一次【setInterval()】【clearInterval()】
2、定时执行(一次定时器):
某一段程序需要在延迟多少时间后执行【setTimeout()】【clearTimeout()】
定时器使用
使用注意:
为了防止定时器累加,使用定时器要先清除后设置;要保证内存中只有一个定时器。
1、循环执行:一段程序能够每间隔一段时间执行一次
设置定时器:【var timeid = window.setInterval(“方法名或方法”,“延时”);】
清除定时器【window.clearInterval(timeid);】
// window.setInterval("console.log('1秒打印一次')", 1000);
// setInterval(function() {
// console.log('1秒打印一次');
// }, 1000);
function test() {
console.log('1秒打印一次');
}
setInterval(test, 2000);
示例1:
秒表计时
定时器计时
计时时间为:
0 秒
示例2:
节假日倒计时
定时器-放假倒计时
注意:
把总的秒数(allSecond)转化为 天(d)+时(h)+分(m)+秒(s)的形式,公式如下
d=parseInt(allSecond / 3600 / 24)
h=parseInt(allSecond / 3600 %24)
m=parseInt(allSecond / 60 %60)
s=parseInt(allSecond%60)
示例3:
时钟
Title
注意:
1小时时针旋转30度,1分钟分钟旋转6度,1秒钟秒钟旋转6度。
hour.style.transform = 'rotate(' + h * 30 + 'deg)';
min.style.transform = 'rotate(' + m * 6 + 'deg)';
second.style.transform = 'rotate(' + s * 6 + 'deg)';
2、定时执行:某一段程序需要在延迟多少时间后执行
设置定时器:【var timeid = window.setTimeout(“方法名或方法”, “延时”);】
清除定时器:【window.clearTimeout(timeid);】
示例
定时器
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
JavaScript定时器设置、使用与倒计时案例详解
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
JS定时器使用,定时定点,固定时刻,循环执行详解
详解javascript高级定时器
详解JavaScript的定时器
