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网页关闭时提醒效果脚本
Oct 22 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
Sep 13 Javascript
bootstrap改变按钮加载状态
Dec 01 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
FullCalendar日历插件应用之数据展现(一)
Dec 23 Javascript
基于jQuery实现动态搜索显示功能
May 05 Javascript
轻松掌握JavaScript单例模式
Aug 25 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
Dec 11 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 Javascript
js实现扫雷源代码
Nov 27 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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
ThinkPHP3.2.3框架实现执行原生SQL语句的方法示例
2019/04/03 PHP
json 定义
2008/06/10 Javascript
让网页跳转到指定位置的jquery代码非书签
2013/09/06 Javascript
解决JS中乘法的浮点错误的方法
2014/01/03 Javascript
node.js中的fs.truncate方法使用说明
2014/12/15 Javascript
浅谈重写window对象的方法
2014/12/29 Javascript
jQuery实现带滚动线条导航效果的方法
2015/01/30 Javascript
JavaScript中setUTCFullYear()方法的使用简介
2015/06/12 Javascript
Boostrap入门准备之border box
2016/05/09 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
2016/11/29 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
JavaScript刷新页面的几种方法总结
2019/03/28 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
2019/10/29 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
Python实现把xml或xsl转换为html格式
2015/04/08 Python
深入学习python的yield和generator
2016/03/10 Python
Python实现希尔排序算法的原理与用法实例分析
2017/11/23 Python
pyqt5对用qt designer设计的窗体实现弹出子窗口的示例
2019/06/19 Python
Python使用Matlab命令过程解析
2020/06/04 Python
python获得命令行输入的参数的两种方式
2020/11/02 Python
JAVA和C++的区别
2013/10/06 面试题
软件测试企业面试试卷
2016/07/13 面试题
软件售后服务承诺书
2014/05/21 职场文书
县政府办公室领导班子对照检查材料思想汇报
2014/09/28 职场文书
南湾猴岛导游词
2015/02/09 职场文书
2014年个人年终总结
2015/03/09 职场文书
大学生求职自荐信
2015/03/24 职场文书
有关西游记的读书笔记
2015/06/25 职场文书
暑期辅导班宣传单
2015/07/14 职场文书
筑梦中国心得体会
2016/01/18 职场文书
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js
Spring依赖注入多种类型数据的示例代码
2022/03/31 Java/Android