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 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
Apr 01 Javascript
jQuery.extend 函数的详细用法
Jun 27 Javascript
js实现点击添加一个input节点
Dec 05 Javascript
使用requestAnimationFrame实现js动画性能好
Aug 06 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
Nov 11 Javascript
详解Node.js中的Async和Await函数
Feb 22 Javascript
Node.js Buffer用法解读
May 18 Javascript
Vue中对拿到的数据进行A-Z排序的实例
Sep 25 Javascript
JavaScript canvas基于数组生成柱状图代码实例
Mar 06 Javascript
JS继承实现方法及优缺点详解
Sep 02 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文件上传实例详解!!!
2007/01/02 PHP
php中让上传的文件大小在上传前就受限制的两种解决方法
2013/06/24 PHP
php增删改查示例自己写的demo
2013/09/04 PHP
yii2 commands模式以及配置crontab定时任务的方法
2017/08/19 PHP
掌握PHP垃圾回收机制详解
2019/03/13 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
Jquery ajaxsubmit上传图片实现代码
2010/11/04 Javascript
js列举css中所有图标的实现代码
2011/07/04 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
2015/10/09 Javascript
JS实现按钮添加背景音乐示例代码
2017/10/17 Javascript
vue中使用element-ui进行表单验证的实例代码
2018/06/22 Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
2018/07/18 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
2019/11/14 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
Python获取当前时间的方法
2014/01/14 Python
django请求返回不同的类型图片json,xml,html的实例
2018/05/22 Python
python实现点对点聊天程序
2018/07/28 Python
Python数据集切分实例
2018/12/08 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
使用Python爬虫库BeautifulSoup遍历文档树并对标签进行操作详解
2020/01/25 Python
python map比for循环快在哪
2020/09/21 Python
Gtech官方网站:地毯清洁器、吸尘器及园艺设备
2018/05/23 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
2014端午节活动策划方案
2014/01/27 职场文书
上课看小说检讨书
2014/02/22 职场文书
2014爱耳日宣传教育活动总结
2014/03/09 职场文书
2014年两会学习心得体会
2014/03/17 职场文书
优秀党务工作者事迹材料
2014/05/07 职场文书
运动会口号16字
2014/06/07 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
贫困生助学金感谢信
2015/01/21 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
Nginx四层负载均衡的配置指南
2021/06/11 Servers