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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
JS 屏蔽键盘不可用与鼠标右键不可用的方法
Nov 18 Javascript
使用console进行性能测试
Apr 27 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
Aug 26 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
Sep 06 Javascript
js判断所有表单项不为空则提交表单的实现方法
Sep 09 Javascript
微信小程序 配置文件详细介绍
Dec 14 Javascript
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
JavaScript 实现继承的几种方式
Feb 19 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中文分词的简单实现代码分享
2011/07/17 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
Python中使用django form表单验证的方法
2017/01/16 PHP
PHP生成各种随机验证码的方法总结【附demo源码】
2017/06/05 PHP
PHP实现二叉树深度优先遍历(前序、中序、后序)和广度优先遍历(层次)实例详解
2018/04/20 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
用函数式编程技术编写优美的 JavaScript
2006/11/25 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
jquery批量设置属性readonly和disabled的方法
2014/01/24 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
Jquery弹出层插件ThickBox的使用方法
2014/12/09 Javascript
js改变embed标签src值的方法
2015/04/10 Javascript
对Angular.js Controller如何进行单元测试
2016/10/25 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
微信小程序 下拉菜单简单实例
2017/04/13 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
详解webpack提取第三方库的正确姿势
2017/12/22 Javascript
js运算符的一些特殊用法
2018/07/29 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
[46:21]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python脚本替换指定行实现步骤
2017/07/11 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
PyQt5实现简易计算器
2020/05/30 Python
GitHub 热门:Python 算法大全,Star 超过 2 万
2019/04/29 Python
Python单链表原理与实现方法详解
2020/02/22 Python
Django模型验证器介绍与源码分析
2020/09/08 Python
python解包用法详解
2021/02/17 Python
通过Canvas及File API缩放并上传图片完整示例
2013/08/08 HTML / CSS
优衣库澳大利亚官网:UNIQLO澳大利亚
2017/01/18 全球购物
质量工程师岗位职责
2013/11/16 职场文书
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
市场拓展计划书
2014/05/03 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
欠条格式范本
2015/07/03 职场文书
新手初学Java List 接口
2021/07/07 Java/Android