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中outerHeight()方法用法实例
Jan 19 Javascript
javascript实现不同颜色Tab标签切换效果
Apr 27 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
Feb 11 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
Mac系统下Webstorm快捷键整理大全
May 28 Javascript
浅谈ES6新增的数组方法和对象
Aug 08 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
一次记住JavaScript的6个正则表达式方法
Feb 22 Javascript
Vue2.0 http请求以及loading展示实例
Mar 06 Javascript
layui多iframe页面控制定时器运行的方法
Sep 05 Javascript
JS中锚点链接点击平滑滚动并自由调整到顶部位置
Feb 06 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中strtotime函数用法详解
2014/11/15 PHP
PHP正则表达式之捕获组与非捕获组
2015/11/06 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
PHP获取redis里不存在的6位随机数应用示例【设置24小时过时】
2017/06/07 PHP
Joomla框架实现字符串截取的方法示例
2017/07/18 PHP
解决laravel资源加载路径设置的问题
2019/10/14 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
Javascript中string转date示例代码
2013/11/01 Javascript
给文字加上着重号的JS代码
2013/11/12 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
vue动态生成dom并且自动绑定事件
2017/04/19 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
JS html事件冒泡和事件捕获操作示例
2019/05/01 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
Element Backtop回到顶部的具体使用
2020/07/27 Javascript
利用vue3+ts实现管理后台(增删改查)
2020/10/30 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
在GitHub Pages上使用Pelican搭建博客的教程
2015/04/25 Python
利用python操作SQLite数据库及文件操作详解
2017/09/22 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
Python subprocess模块常见用法分析
2018/06/12 Python
python3中property使用方法详解
2019/04/23 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
用python发送微信消息
2020/12/21 Python
HTTP状态码详解
2021/03/18 杂记
Kate Spade澳大利亚官方网站:美国设计师手袋品牌
2019/09/10 全球购物
英语自荐信常用语句
2013/12/13 职场文书
外联部演讲稿
2014/05/24 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
见习报告格式范文
2014/11/08 职场文书
植物园观后感
2015/06/11 职场文书
总经理2015中秋节致辞
2015/07/29 职场文书
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL