浅析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 读取页面load get post ajax 四种方式代码写法
Apr 02 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
Jan 07 Javascript
PHP开发者必须掌握的6个关键字
Apr 14 Javascript
jQuery中map()方法用法实例
Jan 06 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
babel基本使用详解
Feb 17 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
Jun 13 Javascript
微信小程序 检查接口状态实例详解
Jun 23 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
JavaScript实现秒杀时钟倒计时
Sep 29 Javascript
vue.config.js常用配置详解
Nov 14 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调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
2012/08/08 PHP
php daddslashes()和 saddslashes()有哪些区别分析
2012/10/26 PHP
PHP 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
php递归删除指定文件夹的方法小结
2015/04/20 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
老生常谈PHP面向对象之注册表模式
2017/05/26 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
2010/07/26 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
js解决弹窗问题实现班级跳转DIV示例
2014/01/06 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
jQuery实现的图片轮播效果完整示例
2016/09/12 Javascript
jquery对象与DOM对象转化
2017/02/08 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
原生js实现仿window10系统日历效果的实例
2017/10/31 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
2018/05/08 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
[02:49]DOTA2完美大师赛首日观众采访
2017/11/23 DOTA
python面向对象实现名片管理系统文件版
2019/04/26 Python
python操作gitlab API过程解析
2019/12/27 Python
python 服务器运行代码报错ModuleNotFoundError的解决办法
2020/09/16 Python
Django多数据库联用实现方法解析
2020/11/12 Python
英国最大的百货公司:Harrods
2016/08/18 全球购物
美国网上眼镜商城:Zenni Optical
2016/11/20 全球购物
我们的节日清明节活动方案
2014/03/05 职场文书
社区爱国卫生月活动总结
2014/06/30 职场文书
2014年幼儿园重阳节活动方案
2014/09/16 职场文书
党员教师个人对照检查材料(群众路线)
2014/09/26 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
初二英语教学反思
2016/02/15 职场文书
在校大学生才艺比赛策划书怎么写?
2019/08/26 职场文书