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下利用fso判断文件是否存在的代码
Dec 11 Javascript
jquery mobile事件多次绑定示例代码
Sep 13 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 Javascript
全面解析Bootstrap排版使用方法(标题)
Nov 30 Javascript
win7下安装配置node.js+express开发环境
Dec 06 Javascript
Angular2中如何使用ngx-translate进行国际化
May 21 Javascript
ES6/JavaScript使用技巧分享
Dec 14 Javascript
javascript trie前缀树的示例
Jan 29 Javascript
JS实现快递单打印功能【推荐】
Jun 21 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
uniapp开发小程序的经验总结
Apr 08 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
PHP 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
PHP处理SQL脚本文件导入到MySQL的代码实例
2014/03/17 PHP
PHP中遇到BOM、编码导致json_decode函数无法解析问题
2014/07/02 PHP
jQuery+PHP实现的掷色子抽奖游戏实例
2015/01/04 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
JS 面向对象之神奇的prototype
2011/02/26 Javascript
javascript实现上传图片并预览的效果实现代码
2011/04/11 Javascript
js 页面关闭前的出现提示的实现代码
2011/05/25 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
AngularJS语法详解(续)
2015/01/23 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
2016/11/22 Javascript
深入理解js中的加载事件
2017/02/08 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
js实现日历
2020/11/07 Javascript
[03:57]《不朽》——2015DOTA2国际邀请赛—中国军团出征主题曲MV
2015/07/15 DOTA
python对象及面向对象技术详解
2016/07/19 Python
python字符串的方法与操作大全
2018/01/30 Python
Flask和Django框架中自定义模型类的表名、父类相关问题分析
2018/07/19 Python
Python实现简单石头剪刀布游戏
2021/01/20 Python
python xlwt如何设置单元格的自定义背景颜色
2019/09/03 Python
利用python计算时间差(返回天数)
2019/09/07 Python
浅谈Python中的异常和JSON读写数据的实现
2020/02/27 Python
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
Under Armour安德玛德国官网:美国高端运动科技品牌
2019/03/09 全球购物
学院书画协会部门职责
2013/11/28 职场文书
实习生自我鉴定
2013/12/12 职场文书
安全教育感言
2014/03/04 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书