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 相关文章推荐
下拉菜单点击实现连接跳转功能的js代码
May 19 Javascript
js中符号转意问题示例探讨
Aug 19 Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 Javascript
js网页实时倒计时精确到秒级
Feb 10 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
AngualrJs清除定时器遇到的坑
Oct 13 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
May 09 Javascript
webpack4的迁移的使用方法
May 25 Javascript
解决vue-cli3 使用子目录部署问题
Jul 19 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
Aug 31 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 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与SQL注入攻击[三]
2007/04/17 PHP
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
深入探讨:Nginx 502 Bad Gateway错误的解决方法
2013/06/03 PHP
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
PHP获取和操作配置文件php.ini的几个函数介绍
2013/06/24 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
php面向对象的用户登录身份验证
2017/06/08 PHP
WordPress免插件实现面包屑导航的示例代码
2020/08/20 PHP
javascript 打印内容方法小结
2009/11/04 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
2014/05/28 Javascript
node.js中的fs.closeSync方法使用说明
2014/12/17 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
JavaScript中的replace()方法使用详解
2015/06/06 Javascript
vue实现图书管理demo详解
2017/10/17 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
Python 函数基础知识汇总
2018/03/09 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
Python API len函数操作过程解析
2020/03/05 Python
python如何调用字典的key
2020/05/25 Python
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
Interrail法国:乘火车探索欧洲,最受欢迎的欧洲铁路通票
2019/08/27 全球购物
Java中实现多态的机制是什么?
2014/12/07 面试题
shell程序中如何注释
2012/02/17 面试题
YII2 全局异常处理深入讲解
2021/03/24 PHP
自我鉴定怎么写
2013/12/05 职场文书
优秀护士获奖感言
2014/02/20 职场文书
文化宣传方案
2014/03/13 职场文书
交通事故协议书
2014/04/15 职场文书
我的梦想演讲稿
2014/04/30 职场文书
2014最新毕业证代领委托书
2014/09/26 职场文书
追悼会家属答谢词
2015/09/29 职场文书
Javascript 解构赋值详情
2021/11/17 Javascript