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设置css属性的代码
Dec 28 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
JS函数的几种定义方式分析
Dec 17 Javascript
Javascript自定义事件详解
Jan 13 Javascript
JavaScript编程设计模式之构造器模式实例分析
Oct 25 Javascript
微信小程序日期时间选择器使用方法
Feb 01 Javascript
11行JS代码制作二维码生成功能
Mar 09 Javascript
详解React native fetch遇到的坑
Aug 30 Javascript
vue实现的下拉框功能示例
Jan 29 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 24 Javascript
vue使用element-ui实现表单验证
Dec 13 Vue.js
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
Terran魔法科技
2020/03/14 星际争霸
php SQL防注入代码集合
2008/04/25 PHP
PHP 错误之引号中使用变量
2009/05/04 PHP
关于访问控制的一首PHP面试题(对属性或方法的访问控制)
2012/09/13 PHP
ThinkPHP标签制作教程
2014/07/10 PHP
php实现MySQL数据库备份与还原类实例
2014/12/09 PHP
C# WinForm中实现快捷键自定义设置实例
2015/01/23 PHP
Laravel SQL语句记录方式(推荐)
2016/05/26 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
JQuery中的ready函数冲突的解决方法
2010/05/17 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
Javascript的this用法
2017/01/16 Javascript
angular2 ng2 @input和@output理解及示例
2017/10/10 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
2017/12/28 Javascript
js中Object.defineProperty()方法的不详解
2018/07/09 Javascript
animate.css在vue项目中的使用教程
2018/08/05 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
2018/12/03 Javascript
javascript实现抢购倒计时程序
2019/08/26 Javascript
Python fileinput模块使用介绍
2014/11/30 Python
TFRecord格式存储数据与队列读取实例
2020/01/21 Python
Python matplotlib实时画图案例
2020/04/23 Python
Booking.com德国:预订最好的酒店和住宿
2020/02/16 全球购物
C/C++程序员常见面试题一
2012/12/08 面试题
财务管理专业毕业生求职信范文
2013/09/21 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
检讨书格式
2015/01/23 职场文书
车间主任岗位职责范本
2015/04/08 职场文书