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中删除指定数组中指定的元素的代码
Feb 12 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
Jun 27 Javascript
推荐9款炫酷的基于jquery的页面特效
Dec 07 Javascript
详解Vue2.x-directive的学习笔记
Jul 17 Javascript
JS获取子、父、兄节点方法小结
Aug 14 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
详解JavaScript 中 if / if...else...替换方式
Jul 15 Javascript
SVG实现时钟效果
Jul 17 Javascript
JavaScript怎样在删除前添加确认弹出框?
May 27 Javascript
JavaScript HTML DOM元素 节点操作汇总
Jul 29 Javascript
p5.js实现动态图形临摹
Oct 23 Javascript
JavaScript如何实现图片处理与合成
May 29 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
PHP5中的this,self和parent关键字详解教程
2007/03/19 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
js文件中调用js的实现方法小结
2009/10/23 Javascript
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
2012/02/27 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
JS中微信小程序自定义底部弹出框
2016/12/22 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
在Vue 中使用Typescript的示例代码
2018/09/10 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
python 匹配url中是否存在IP地址的方法
2018/06/04 Python
windows下 兼容Python2和Python3的解决方法
2018/12/05 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
深入了解Django View(视图系统)
2019/07/23 Python
softmax及python实现过程解析
2019/09/30 Python
ubuntu 18.04 安装opencv3.4.5的教程(图解)
2019/11/04 Python
世界闻名的衬衫制造商:Savile Row Company
2018/07/30 全球购物
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
军训自我鉴定
2013/12/14 职场文书
中学家长会邀请函
2014/01/17 职场文书
餐厅经理岗位职责和岗位目标
2014/02/13 职场文书
拓展训练激励口号
2014/06/17 职场文书
2015暑期社会实践通讯稿
2015/07/18 职场文书
大学运动会加油稿
2015/07/22 职场文书
MySQL 百万级数据的4种查询优化方式
2021/06/07 MySQL
实现GO语言对数组切片去重
2022/04/20 Golang