浅析javascript 定时器


Posted in Javascript onDecember 23, 2014

setTimeout()--用于指定在一段特定的时间后执行某段程序。

          格式:

[定时器对象名=]setTimeout(“<表达式>”,毫秒数);

功能: 执行<表达式>一次。

其中表达式是字符串,可以使任意javascript语句

<html> 

<head> 

<script type="text/javascript"> 

//5秒之后执行alert 

function count(){ 

    setTimeout("alert('执行成功');",5000); 

}

</script> 

</head>

<body> 

<input type="button" value="执行" onclick="count()"> 

</body> 

</html>

setInterval()—重复执行<表达式>,直至窗口、框架被关闭或执行clearInterval

格式: [定时器对象名=]setInterval(“<表达式>”,毫秒)

clearInterval() 终止定时器

格式: clearInterval(定时器对象名)

<html> 

<head> 

<script type="text/javascript"> 

var sec=0; 

var timeId=setInterval("count();",1000);
function count(){ 

    document.getElementById("num").innerHTML=sec++; 

}
function stopCount(){ 

    clearInterval(timeId); 

} 

</script> 

</head>

<body> 

<font style="color:red" id="num">0</font>秒钟<input type="button" value="停止" onclick="stopCount();"> 

</body> 

</html>

是不是很好用呢,有需要的小伙伴参考下吧。

Javascript 相关文章推荐
JQuery入门——用bind方法绑定事件处理函数应用介绍
Feb 05 Javascript
JavaScript中双叹号(!!)作用示例介绍
Apr 10 Javascript
js图片实时加载提供网页打开速度
Sep 11 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
Mar 07 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
jQuery 生成svg矢量二维码
Aug 09 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
AngularJS 单元测试(二)详解
Sep 21 Javascript
ionic2 tabs 图标自定义实例
Mar 08 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
Apr 03 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
js中offset,client , scroll 三大元素知识点总结
Sep 11 Javascript
JavaScript中自定义事件用法分析
Dec 23 #Javascript
jQuery中even选择器的定义和用法
Dec 23 #Javascript
javascript实现依次输入input自动定焦
Dec 23 #Javascript
使用原生JS实现弹出层特效
Dec 22 #Javascript
jQuery基础知识小结
Dec 22 #Javascript
jQuery异步获取json数据方法汇总
Dec 22 #Javascript
jQuery的观察者模式详解
Dec 22 #Javascript
You might like
如何冲泡挂耳包咖啡?技巧是什么
2021/03/04 冲泡冲煮
Linux下创建nginx脚本-start、stop、reload…
2014/08/03 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
php微信公众号开发之快递查询
2018/10/20 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
JS去除字符串的空格增强版(可以去除中间的空格)
2009/08/26 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
下拉框select的绑定示例
2014/09/04 Javascript
javascript中Object使用详解
2015/01/26 Javascript
javascript实现将文件保存到本地方法汇总
2015/07/26 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
2015/08/11 Javascript
axios学习教程全攻略
2017/03/26 Javascript
vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
2018/09/06 Javascript
js常用正则表达式集锦
2019/05/17 Javascript
layui radio点击事件实现input显示和隐藏的例子
2019/09/02 Javascript
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
详解template标签用法(含vue中的用法总结)
2021/01/12 Vue.js
[51:28]EG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/16 DOTA
python为tornado添加recaptcha验证码功能
2014/02/26 Python
Python中read()、readline()和readlines()三者间的区别和用法
2017/07/30 Python
Python用字典构建多级菜单功能
2019/07/11 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
Tkinter中复选菜单是否被选中的判断与设置方式
2020/03/04 Python
用 Python 制作地球仪的方法
2020/04/24 Python
python3处理word文档实例分析
2020/12/01 Python
HTML5在a标签内放置块级元素示例代码
2013/08/23 HTML / CSS
美国礼品卡交易网站:Cardpool
2018/08/27 全球购物
俄罗斯童装网上商店:BebaKids
2020/06/06 全球购物
解释一下ArrayList Vector和LinkedList的实现和区别
2013/04/26 面试题
人民调解员先进事迹材料
2014/05/08 职场文书
外贸会计专业自荐信
2014/06/22 职场文书
公司借条范本
2015/05/25 职场文书
python 通过使用Yolact训练数据集
2021/04/06 Python
Pygame Rect区域位置的使用(图文)
2021/11/17 Python
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers