跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

JavaScript定时器使用方法详解

本文实例为大家分享了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的定时器

相关文章