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笔试题目附答案@20081025_jb51.net
Oct 26 Javascript
jquery 常用操作方法
Jan 28 Javascript
css配合jquery美化 select
Nov 29 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
Aug 15 Javascript
JS功能代码集锦
May 04 Javascript
javascript实现随机生成DIV背景色
Jun 20 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
Jul 18 Javascript
AngularJS constant和value区别详解
Feb 28 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
Feb 22 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
node.js中fs文件系统模块的使用方法实例详解
Feb 13 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
用session做客户验证时的注意事项
2006/10/09 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
PHP 数组遍历foreach语法结构及实例
2016/06/13 PHP
php自定义排序uasort函数示例【二维数组按指定键值排序】
2019/06/19 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
用Javascript评估用户输入密码的强度(Knockout版)
2011/11/30 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
JSON为什么那样红为什么要用json(另有洞天)
2012/12/26 Javascript
jQuery实现的淡入淡出二级菜单效果代码
2015/09/15 Javascript
微信开发 微信授权详解
2016/10/21 Javascript
JavaScript实现Fly Bird小游戏
2016/12/15 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
2017/12/01 Javascript
js字符串倒序的实例代码
2018/11/30 Javascript
Python实现抓取网页并且解析的实例
2014/09/20 Python
详解 Python 与文件对象共事的实例
2017/09/11 Python
python在回调函数中获取返回值的方法
2019/02/22 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
Python中的支持向量机SVM的使用(附实例代码)
2019/06/26 Python
python如何获取列表中每个元素的下标位置
2019/07/01 Python
Python猜数字算法题详解
2020/03/01 Python
Python matplotlib可视化实例解析
2020/06/01 Python
css3 border-radius属性详解
2017/07/05 HTML / CSS
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
墨西哥巴士车票在线购买:ClickBus
2018/03/27 全球购物
亚洲航空公司官方网站:AirAsia
2019/11/25 全球购物
小学关爱留守儿童活动方案
2014/08/25 职场文书
培训师岗位职责
2015/02/14 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
二十年同学聚会感言
2015/07/30 职场文书
中学教代会开幕词
2016/03/04 职场文书
2016年社区文体活动总结
2016/04/06 职场文书
SQLServer2019 数据库环境搭建与使用的实现
2021/04/08 SQL Server