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学习笔记(一) 在html中使用javascript
Jun 18 Javascript
选择复选框按钮置灰否则按钮可用
May 22 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
js实现仿百度瀑布流的方法
Feb 05 Javascript
Jquery easyui 实现动态树
Nov 17 Javascript
使用jQuery实现Web页面换肤功能的要点解析
May 12 Javascript
Angularjs中controller的三种写法分享
Sep 21 Javascript
javascript 的变量、作用域和内存问题
Apr 19 Javascript
JS中正则表达式要注意lastIndex属性
Aug 08 Javascript
详解Angular模板引用变量及其作用域
Nov 23 Javascript
js获取form表单中name属性的值
Feb 27 Javascript
JS函数进阶之继承用法实例分析
Jan 15 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默认安装产生系统漏洞
2006/10/09 PHP
smarty 原来也不过如此~~呵呵
2006/11/25 PHP
PHP中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
PHP入门教程之使用Mysqli操作数据库的方法(连接,查询,事务回滚等)
2016/09/11 PHP
php使用变量动态创建类的对象用法示例
2017/02/06 PHP
jQuery实现简单下拉导航效果
2015/09/07 Javascript
Javascript中的数据类型之旅
2015/10/18 Javascript
前端js文件合并的三种方式推荐
2016/05/19 Javascript
AngularJs ng-route路由详解及实例代码
2016/09/14 Javascript
JS的函数调用栈stack size的计算方法
2018/06/24 Javascript
Node.js npm命令运行node.js脚本的方法
2018/10/10 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
Vue使用虚拟dom进行渲染view的方法
2019/12/26 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
2020/06/01 Javascript
在vue-cli创建的项目中使用sass操作
2020/08/10 Javascript
[34:41]夜魇凡尔赛茶话会 第二期02:你画我猜
2021/03/11 DOTA
python根据文件大小打log日志
2014/10/09 Python
Python中的列表知识点汇总
2015/04/14 Python
详解Python核心对象类型字符串
2018/02/11 Python
python 获取指定文件夹下所有文件名称并写入列表的实例
2018/04/23 Python
keras实现多种分类网络的方式
2020/06/11 Python
html5中去掉input type date默认样式的方法
2018/09/06 HTML / CSS
详解HTML5中CSS外观属性
2020/09/10 HTML / CSS
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类
2012/02/06 面试题
旅游管理专业学生求职信
2013/09/28 职场文书
毕业生就业推荐表导师评语
2014/12/31 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
OpenCV-Python实现轮廓的特征值
2021/06/09 Python
一文搞懂Golang 时间和日期相关函数
2021/12/06 Golang
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang