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 formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
学习ExtJS accordion布局
Oct 08 Javascript
js取模(求余数)隔行变色
May 15 Javascript
JS实现自适应高度表单文本框的方法
Feb 25 Javascript
浅谈jQuery中的checkbox问题
Aug 10 Javascript
javascript跨域请求包装函数与用法示例
Nov 03 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
Apr 23 Javascript
Angular value与ngValue区别详解
Nov 27 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
Nov 09 Javascript
JavaScript中跨域问题的深入理解
Mar 04 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
类的另类用法--数据的封装
2006/10/09 PHP
使用PHP强制下载PDF文件示例
2014/01/17 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
2009/08/04 Javascript
js控制表单操作的常用代码小结
2013/08/15 Javascript
从零学JS之你需要了解的几本书
2014/05/19 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
从零学习node.js之利用express搭建简易论坛(七)
2017/02/25 Javascript
Centos6.8下Node.js安装教程
2017/05/12 Javascript
JavaScript中附件预览功能实现详解(推荐)
2017/08/15 Javascript
vue引入js数字小键盘的实现代码
2018/05/14 Javascript
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
详解Python的数据库操作(pymysql)
2019/04/04 Python
Python中使用logging和traceback模块记录日志和跟踪异常
2019/04/09 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
python中property和setter装饰器用法
2019/12/19 Python
PyTorch的torch.cat用法
2020/06/28 Python
python如何快速拼接字符串
2020/10/28 Python
python+selenium自动化实战携带cookies模拟登陆微博
2021/01/19 Python
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
应届生的求职推荐信范文
2013/11/30 职场文书
2013年军训通讯稿
2014/02/05 职场文书
校园活动宣传方案
2014/03/28 职场文书
优秀教导主任事迹材料
2014/05/09 职场文书
医院节能减排方案
2014/06/13 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
爱国影片观后感
2015/06/18 职场文书
Python matplotlib安装以及实现简单曲线的绘制
2022/04/26 Python