setInterval()和setTimeout()
2015-08-20 15:06
239 查看
window.setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
window.clearInterval()方法可取消setInterval()window.clearInterval()
方法的参数必须是由setInterval()返回的ID值。
实时显示日期:
vari=0; functionabc() { varmytime=newDate(); varmydiv=document.getElementById('abc'); mydiv.innerText=mytime.toLocaleString(); if(++i==5) { window.clearInterval(res); } } varres=window.setInterval("abc()",1000);
您也可以使用一个按钮来打开定时器和关闭定时器
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metahttp-equiv="content"content="text/html;charset=utf-8">
<scripttype="text/javascript"charset="utf8">
vararr;
functionw()
{
arr=window.setInterval("clock()");
}
functionclock()
{
vart=newDate();
varwang=document.getElementById("clock");
wang.innerText=t.toLocaleString();
}
</script>
</head>
<body>
当前时间是:<spanid="clock"></span>
<inputonclick="window.clearInterval(arr)"type="button"value="停止计时器">
<inputonclick="w()"type="button"value="开始计时器">
</body>
</html>
利用定时器数秒:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<scripttype="text/javascript"charset="utf-8">
vari=10;
functionCountTime()
{
i--;
mybut.value="同意"+i;
if(i==0)
{
//让这个按钮可用
mybut.disabled=false;
window.clearInterval(mytimer);
mybut.value="同意";
}
}
varmytimer=window.setInterval("CountTime()",1000);
</script>
</head>
<body>
<inputtype="button"disabled="true"value="同意10"id="mybut"><br/>
</body>
</html>
相关文章推荐
- ASP.NET-get与post模式的区别
- Hadoop之文件系统Shell
- Maven学习总结(八)——使用Maven构建多模块项目
- coco2d-x 纹理研究
- 知乎-软件测试的长期规划
- BZOJ 4245 ONTAK2015 OR-XOR
- Ext-进度条
- VS2013使用EF6与mysql数据库
- 性能测试问题_tomcat占用内存很高,响应速度很慢
- Android:BroadcastReceiver的基础知识
- Scala 深入浅出实战经典 第61讲:Scala中隐式参数与隐式转换的联合使用实战详解及其在Spark中的应用源码解析
- Maven学习总结(七)——eclipse中使用Maven创建Web项目
- Swift学习笔记(八)属性
- VIM?给你一张图,玩去吧!!
- poj1860(bellman ford 算法)
- C/C++常用字符类型char、CSting、string转化
- 《C专家编程》阅读笔记
- hdu 4135
- js判断为空Null与字符串为空简写方法
- iOS tcpdump抓包方法