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 相关文章推荐
JQuery伸缩导航练习示例
Nov 13 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
基于jquery实现多选下拉列表
Aug 02 jQuery
KOA+egg.js集成kafka消息队列的示例
Nov 09 Javascript
微信小程序跨页面传递data数据方法解析
Dec 13 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
Sep 21 Javascript
详解JavaScript类型判断的四种方法
Oct 21 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
Nov 16 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
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
mantis安装、配置和使用中的问题小结
2014/07/14 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
php数组遍历类与用法示例
2019/05/24 PHP
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
jquery 框架使用教程 AJAX篇
2009/10/11 Javascript
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
解决Jquery鼠标经过不停滑动的问题
2014/03/03 Javascript
javascript的数组和常用函数详解
2014/05/09 Javascript
Java File类的常用方法总结
2015/03/18 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
JS实现的最简Table选项卡效果
2015/10/14 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
JavaScript 总结几个提高性能知识点(推荐)
2017/02/20 Javascript
移动端手指放大缩小插件与js源码
2017/05/22 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
一行JavaScript代码如何实现瀑布流布局
2020/12/11 Javascript
[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python实现partial改变方法默认参数
2014/08/18 Python
Python中下划线的使用方法
2015/03/27 Python
Python2.x版本中maketrans()方法的使用介绍
2015/05/19 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
html5嵌入内容_动力节点Java学院整理
2017/07/07 HTML / CSS
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
阿提哈德航空官方网站:Etihad Airways
2017/01/06 全球购物
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
护理专业的自荐信
2013/10/22 职场文书
职务说明书范文
2014/05/07 职场文书
建设投标担保书
2014/05/13 职场文书
清洁工岗位职责
2015/02/13 职场文书