第一节:setTimeout和setInterval定时器
2024-10-01 01:36:32
区别:
setInterval函数的用法与setTimeout完全一致,区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次,也就是无限次的定时执行。
取消定时器:(clearTimeout和clearInterval)
setTimeout和setInterval函数,都返回一个表示计数器编号的整数值,将该整数传入clearTimeout和clearInterval函数,就可以取消对应的定时器。
<script>
//定时器 异步运行
function hello() {
alert("hello");
}
// window.setTimeout("hello()", 1000); //使用方法名字执行方法
var t1 = window.setTimeout(hello, 1000);
var t2 = window.setTimeout("hello()", 3000); //使用字符串执行方法
window.clearTimeout(t1); //去掉定时器
</script>
实例:
<html>
<!--
1.一般情况下setTimeout用于延迟执行某方法或功能,
2.setInterval则一般用于刷新表单,对于一些表单的假实时指定时间刷新同步
-->
<head>
<meta charset="UTF-8">
<title>简单时长倒计时</title>
<SCRIPT type="text/javascript">
var maxtime = 10 * 60; //一个小时,按秒计算,自己调整!
function CountDown() {
if (maxtime >= 0) {
minutes = Math.floor(maxtime / 60);
seconds = Math.floor(maxtime % 60);
msg = "距离结束还有" + minutes + "分" + seconds + "秒";
document.all["timer"].innerHTML = msg;
if (maxtime == 5 * 60)alert("还剩5分钟");
--maxtime;
} else{
clearInterval(timer);
alert("时间到,结束!");
}
}
timer = setInterval("CountDown()", 1000);
</SCRIPT>
</head>
<body>
<div id="timer" style="color:red"></div>
</body>
</html>
倒计时
最新文章
- mvc中多参数URL会很长,首次加载不传参数让url很短,路由规则实现方法[bubuko.com]
- Sublime Text 3 引用插件
- android知识杂记(一)
- MSBUID相关(笔记)
- eclipse Project facet Java version 1.8 is not supported.
- sql 中的回车和换行问题
- 微软更换考试中心后报名攻略以及MCT半价
- vlan trunk vtp端口聚合
- HTML5游戏开发引擎Pixi.js完全入门手册(二)元素对象属性解析
- android自定义View---生成虚线的View
- RocketMQ入门
- 201521123105《jave程序》第二周学习总结
- BZOJ 3790: 神奇项链 [Manacher 贪心]
- 在hive下使用dual伪表
- php-msf 源码解读【转】
- jQuery的deferred对象解析
- Linux下用rm删除的文件的恢复方法
- ELK测试安装
- 怎么找到与你Eclipse匹配的spring tool suite插件
- U811.1接口EAI系列之四--委外订单生成--VB语言
热门文章
- Nodejs创建HTTPS服务器
- Codeforces Round #319 (Div. 1)C. Points on Plane 分块思想
- C#在WinForm中使用WebKit传递js对象实现与网页交互的方法
- java四舍五入保留几位小数
- Coursera Algorithms week4 基础标签表 练习测验:Check if a binary tree is a BST
- FPC报价模块配置 UpdateCommand影响了预期 1 条记录中的 0 条 解决办法
- Windows虚拟机中无法传输Arduino程序的问题
- [Swift通天遁地]五、高级扩展-(6)对基本类型:Int、String、Array、Dictionary、Date的扩展
- Oracle数据库初学者入门教程
- C# 工厂单例