JavaScript计时器
来源:互联网 发布:淘宝复核阿里钱盾 编辑:程序博客网 时间:2024/05/17 09:19
计时器方法:
方法 说明
setTimeout() 指定的延迟时间之后来执行代码
clearTimeout() 取消setTimeout()设置
setInterval() 每隔指定的时间执行代码
clearInterval() 取消setInterval()设置
计时器setInterval()
在执行时,从载入页面后每隔指定的时间执行代码。
语法:
setInterval(代码,交互时间);
参数说明:
1. 代码:要调用的函数或要执行的代码串。
2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。
返回值:
一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
调用函数格式(假设有一个clock()函数):
setInterval("clock()",1000)
或
setInterval(clock,1000)
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>计时器</title><script type="text/javascript"> var attime; function clock(){ var time=new Date(); attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds(); document.getElementById("clock").value = attime; } var int=setInterval(clock,100);</script></head><body><form><input type="text" id="clock" size="50" /></form></body></html>
动态的显示时分秒
取消计时器clearInterval()
clearInterval() 方法可取消由 setInterval() 设置的交互时间。
语法:
clearInterval(id_of_setInterval)
参数说明:
id_of_setInterval:由 setInterval() 返回的 ID 值。
setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
语法:
setTimeout(代码,延迟时间);
参数说明:
1. 要调用的函数或要执行的代码串。
2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。
要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。
在下面的代码,当按钮被点击后,输入域便从0开始计数。
<!DOCTYPE HTML><html><head><script type="text/javascript">var num=0;function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); }</script></head><body><form><input type="text" id="txt" /><input type="button" value="Start" onClick="numCount()" /></form></body></html>
取消计时器clearTimeout()
setTimeout()和clearTimeout()一起使用,停止计时器。
语法:
clearTimeout(id_of_setTimeout)
参数说明:
id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
- javascript计时器
- javascript计时器
- JavaScript计时器
- JavaScript计时器
- javascript计时器
- javascript 计时器
- JavaScript计时器
- JavaScript计时器
- Javascript计时器
- JavaScript(一)javascript计时器
- 解读javascript的计时器
- javascript 简易计时器
- Javascript中的计时器
- JavaScript的计时器
- javascript实现计时器
- javascript中的计时器
- 【JavaScript】分秒倒计时器
- Javascript:计时器的使用
- [Java8 Collection源码+算法+数据结构]-List(二)
- 安卓平台架构及特性
- spark集群搭建
- 素性测试
- Android 首个Activity启动动画设置
- JavaScript计时器
- 修改Python IDLE代码配色及语法高亮主题
- C++算法从入门到放弃-无向图(1)
- 设备管理信息系统
- PID-4769-Animals
- hex2bin
- 下拉框多选
- 【NOIP模拟】有趣的有趣的家庭菜园
- 人脸识别face++ SDK demo体验