浅析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 相关文章推荐
JS图片根据鼠标滚动延时加载的实例代码
Jul 13 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
Jan 02 Javascript
javascript中call和apply的用法示例分析
Apr 02 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
分享纯手写漂亮的表单验证
Nov 19 Javascript
javascript实现方法调用与方法触发小结
Mar 26 Javascript
jQuery插件datatables使用教程
Apr 21 Javascript
BootStrap glyphicon图标无法显示的解决方法
Sep 06 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
React复制到剪贴板的示例代码
Aug 22 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
JavaScript接口实现方法实例分析
May 16 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
php使用百度天气接口示例
2014/04/22 PHP
php实现的http请求封装示例
2016/11/08 PHP
PHP数据源架构模式之表入口模式实例分析
2020/01/23 PHP
yii2.0框架数据库操作简单示例【添加,修改,删除,查询,打印等】
2020/04/13 PHP
TextArea不支持maxlength的解决办法(jquery)
2011/09/13 Javascript
JSON.stringify 语法实例讲解
2012/03/14 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
jQuery随机密码生成的方法
2015/03/09 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
2016/06/23 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
详细讲解vue2+vuex+axios
2017/05/27 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
2019/06/06 jQuery
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
vue+openlayers绘制省市边界线
2020/12/24 Vue.js
python基础教程之类class定义使用方法
2014/02/20 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
python实现爬山算法的思路详解
2019/04/09 Python
Python 使用matplotlib模块模拟掷骰子
2019/08/08 Python
Python closure闭包解释及其注意点详解
2019/08/28 Python
借助Paramiko通过Python实现linux远程登陆及sftp的操作
2020/03/16 Python
Python计算信息熵实例
2020/06/18 Python
python利用 keyboard 库记录键盘事件
2020/10/16 Python
哥伦比亚最大的网上商店:Linio哥伦比亚
2016/09/25 全球购物
解释一下钝化(Swap out)
2016/12/26 面试题
小学教师自我鉴定
2013/11/07 职场文书
房地产活动策划方案
2014/05/14 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
音乐兴趣小组活动总结
2014/07/07 职场文书
“六查”、“三学”、“三干”查摆问题整改措施
2014/09/27 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书
导游词书写之黄山
2019/08/06 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js