javascript中interval与setTimeOut的区别示例介绍


Posted in Javascript onMarch 14, 2014

setTimeout(code,millisec) //- 在指定时间后执行代码

code必须;

millisec必须;

clearTimeout(setTimeoutId) //- 取消 setTimeout()

setInterval(code,millisec);//指定间隔毫秒内循环执行代码

code必须;

millisec必须;

clearInterval(intervalId);

用setTimeout(code,millisec)可以实现setInterval效果,只需要嵌套调用方法即可;

下面是一个倒计时页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<script type="text/javascript"> 
var c=6; 
var t; 
function timedCount() 
{ 
var time = document.getElementById('txt').value; 
if( time>0){ 
document.getElementById('txt').value=c; 
c=c-1; 
t=setTimeout("timedCount()",1000); 
} 
else{ 
clearTimeout(t); 
} } 
</script> 
</head> 
<body> 
<form> 
<input type="button" value="开始计时!" onClick="timedCount()"> 
<input type="text" id="txt" value="6"> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
JavaScript 乱码问题
Aug 06 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
Apr 21 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
jquery让指定的元素闪烁显示的方法
Mar 17 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
Feb 25 Javascript
ES6所改良的javascript“缺陷”问题
Aug 23 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
Aug 24 Javascript
AngularJS实现select的ng-options功能示例
Jul 12 Javascript
Es6 Generator函数详细解析
Feb 24 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
JavaScript表单通过正则表达式验证电话号码
Mar 14 #Javascript
JavaScript运行时库属性一览表
Mar 14 #Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 #Javascript
使用jQuery实现的掷色子游戏动画效果
Mar 14 #Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 #Javascript
javascript将相对路径转绝对路径示例
Mar 14 #Javascript
Node.js和PHP根据ip获取地理位置的方法
Mar 14 #Javascript
You might like
php 静态变量与自定义常量的使用方法
2010/01/26 PHP
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
PHP采用XML-RPC构造Web Service实例教程
2014/07/16 PHP
php打印一个边长为N的实心和空心菱型的方法
2015/03/02 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
PHP5.6新增加的可变函数参数用法分析
2017/08/25 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
使用jQuery的ajax功能实现的RSS Reader 代码
2009/09/03 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
javascript获取选中的文本的方法代码
2013/10/30 Javascript
快速学习AngularJs HTTP响应拦截器
2015/12/31 Javascript
果断收藏9个Javascript代码高亮脚本
2016/01/06 Javascript
利用bootstrapValidator验证UEditor
2016/09/14 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
2019/04/04 Javascript
基于Vue SEO的四种方案(小结)
2019/07/01 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
2019/07/19 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
2019/10/16 Javascript
tornado框架blog模块分析与使用
2013/11/21 Python
Python实现读取并保存文件的类
2017/05/11 Python
单利模式及python实现方式详解
2018/03/20 Python
pandas 透视表中文字段排序方法
2018/11/16 Python
python 接收处理外带的参数方法
2018/12/03 Python
python三引号输出方法
2019/02/27 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
2019/12/11 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
台湾租车首选品牌:IWS艾维士租车
2019/05/03 全球购物
大学毕业后的十年规划
2014/01/07 职场文书
税务干部鉴定材料
2014/02/11 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书
小学生反邪教心得体会
2016/01/15 职场文书
Win11应用商店打开闪退怎么解决? win11应用商店打不开的多种解决办法
2022/04/05 数码科技