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获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 Javascript
基于Jquery的淡入淡出的特效基础练习
Dec 13 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
什么是Node.js?Node.js详细介绍
Jun 01 Javascript
javascript实现控制浏览器全屏
Mar 30 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
Mar 30 Javascript
jquery实现用户信息修改验证输入方法汇总
Jul 18 Javascript
jQuery实现带延迟的二级tab切换下拉列表效果
Sep 01 Javascript
Bootstrap面板学习使用
Feb 09 Javascript
EL表达式截取字符串的函数说明
Sep 22 Javascript
vue2过滤器模糊查询方法
Sep 16 Javascript
Vue项目开发常见问题和解决方案总结
Sep 11 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教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
php微信公众平台开发类实例
2015/04/01 PHP
jQuery+Ajax+PHP“喜欢”评级功能实现代码
2015/10/08 PHP
php微信支付接口开发程序
2016/08/02 PHP
浅谈socket同步和异步、阻塞和非阻塞、I/O模型
2016/12/15 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
基于jquery的模态div层弹出效果
2010/08/21 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
2014/12/19 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
2015/09/27 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
浅谈Vue初学之props的驼峰命名
2018/07/19 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
js控制随机数生成概率代码实例
2019/03/21 Javascript
[01:55]2014DOTA2国际邀请赛 BBC正赛第一天总结
2014/07/10 DOTA
python实现的文件夹清理程序分享
2014/11/22 Python
Python3 加密(hashlib和hmac)模块的实现
2017/11/23 Python
Python实现k-means算法
2018/02/23 Python
python中下标和切片的使用方法解析
2019/08/27 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
python3爬虫中异步协程的用法
2020/07/10 Python
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
日本整理专家Marie Kondo的官方在线商店:KonMari
2020/06/29 全球购物
C语言面试题
2013/05/19 面试题
法律专业个人实习自我鉴定
2013/09/23 职场文书
保险专业大专生求职信
2013/10/26 职场文书
四群教育工作实施方案
2014/03/26 职场文书
奔腾年代观后感
2015/06/09 职场文书
停发工资证明范本
2015/06/12 职场文书
养成教育主题班会
2015/08/13 职场文书
关于Numpy之repeat、tile的用法总结
2021/06/02 Python