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中Array 对象相关的几个方法
Dec 22 Javascript
javascript实现验证IP地址等相关信息代码
May 10 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
js实现图片放大和拖拽特效代码分享
Sep 05 Javascript
AngularJs ng-change事件/指令的用法小结
Nov 01 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
详解Vue 全局引入bass.scss 处理方案
Mar 26 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
详解JavaScript 的变量
Mar 08 Javascript
js实现旋转的星空效果
Nov 01 Javascript
微信小程序实现锚点功能
Nov 20 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
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
基于Zookeeper的使用详解
2013/05/02 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
基于PHP实现用户登录注册功能的详细教程
2020/08/04 PHP
JavaScript的Cookies
2008/01/16 Javascript
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
JS获取url链接字符串 location.href
2013/12/23 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
JavaScript随机生成颜色的方法
2016/10/15 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
2016/11/25 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
vue模块拖拽实现示例代码
2019/03/09 Javascript
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
vue实现图片懒加载的方法分析
2020/02/05 Javascript
jquery实现烟花效果(面向对象)
2020/03/10 jQuery
Python实现的微信好友数据分析功能示例
2018/06/21 Python
python简单实现AES加密和解密
2019/03/28 Python
基于Python实现签到脚本过程解析
2019/10/25 Python
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
STP协议的主要用途是什么?为什么要用STP
2012/12/20 面试题
高级技校毕业生自荐信
2013/11/18 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
大学生违纪检讨书300字
2014/10/25 职场文书
佛光寺导游词
2015/02/10 职场文书
党员带头倡议书
2015/04/29 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
AJAX学习笔记
2021/05/18 Javascript
详解 TypeScript 枚举类型
2021/11/02 Javascript