浅析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 相关文章推荐
use jscript List Installed Software
Jun 11 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 Javascript
超级给力的JavaScript的React框架入门教程
Jul 02 Javascript
浅谈js数组和splice的用法
Dec 04 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
Node.js利用断言模块assert进行单元测试的方法
Sep 28 Javascript
js中apply与call简单用法详解
Nov 06 Javascript
使用vue实现grid-layout功能实例代码
Jan 05 Javascript
原生JS+HTML5实现的可调节写字板功能示例
Aug 30 Javascript
深入理解react-router 路由的实现原理
Sep 26 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
Sep 29 Javascript
vue实现单一筛选、删除筛选条件
Oct 26 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
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
用PHP解决的一个栈的面试题
2014/07/02 PHP
php抓取网站图片并保存的实现方法
2015/10/29 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
PHP Yaf框架的简单安装使用教程(推荐)
2016/06/08 PHP
JavaScript 权威指南(第四版) 读书笔记
2009/08/11 Javascript
javascript动态加载实现方法一
2012/08/22 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
原生javascript实现拖动元素示例代码
2014/09/01 Javascript
node.js中的fs.stat方法使用说明
2014/12/16 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
2014/12/18 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
jQuery插件dataTables添加序号列的方法
2016/07/06 Javascript
教你如何在Node.js中使用jQuery
2016/08/28 Javascript
vue elementui form表单验证的实现
2018/11/11 Javascript
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
2019/09/05 Javascript
Python 变量类型及命名规则介绍
2013/06/08 Python
Python3处理文件中每个词的方法
2015/05/22 Python
Python实现快速多线程ping的方法
2015/07/15 Python
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
Python常见数据类型转换操作示例
2019/05/08 Python
python中删除某个元素的方法解析
2019/11/05 Python
Python中base64与xml取值结合问题
2019/12/22 Python
Python中socket网络通信是干嘛的
2020/05/27 Python
css3实现图片遮罩效果鼠标hover以后出现文字
2013/11/05 HTML / CSS
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
2016/01/11 HTML / CSS
中国海淘族值得信赖的海淘返利网站:55海淘
2017/01/16 全球购物
四年级数学教学反思
2014/02/02 职场文书
班主任寄语大全
2014/04/04 职场文书
捐书倡议书
2014/08/29 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
CSS中float高度塌陷问题的四种解决方案
2022/04/18 HTML / CSS