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 相关文章推荐
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
May 15 Javascript
animate 实现滑动切换效果【实例代码】
May 05 Javascript
Web程序员必备的7个JavaScript函数
Jun 14 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
Dec 01 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
echarts学习笔记之图表自适应问题详解
Nov 22 Javascript
实例详解vue中的$root和$parent
Apr 29 Javascript
javascript canvas检测小球碰撞
Apr 17 Javascript
js实现随机圆与矩形功能
Oct 29 Javascript
CocosCreator如何实现划过的位置显示纹理
Apr 14 Javascript
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
Apr 11 Vue.js
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编程最快明白》第五讲:php目录、文件操作
2010/11/01 PHP
PHP 第二节 数据类型之数组
2012/04/28 PHP
工厂模式在Zend Framework中应用介绍
2012/07/10 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
php生成txt文件实例代码介绍
2016/04/28 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
动态为事件添加js代码示例
2009/02/15 Javascript
jquery中获得$.ajax()事件返回的值并添加事件的方法
2010/04/15 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
js获取json元素数量的方法
2015/01/27 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
2016/08/19 Javascript
javascript读取文本节点方法小结
2016/12/15 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
JS中Safari浏览器中的Date
2017/07/17 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
使用Python+Splinter自动刷新抢12306火车票
2018/01/03 Python
PyQt5 多窗口连接实例
2019/06/19 Python
python字符串Intern机制详解
2019/07/01 Python
Python循环中else,break和continue的用法实例详解
2019/07/11 Python
TensorFlow固化模型的实现操作
2020/05/26 Python
2021年的Python 时间轴和即将推出的功能详解
2020/07/27 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
迪卡侬印度官网:购买所有体育用品
2017/06/24 全球购物
劳资专员岗位职责
2013/12/27 职场文书
致100米运动员广播稿
2014/02/14 职场文书
出纳员的岗位职责
2014/02/22 职场文书
小学生开学第一课活动方案
2014/03/27 职场文书
《打电话》教学反思
2016/02/22 职场文书
Python深度学习之Pytorch初步使用
2021/05/20 Python