JavaScript学习笔记之定时器


Posted in Javascript onJanuary 22, 2015

定时器1

用以指定在一段特定的时间后执行某段程序。

setTimeout():

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

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

例子:

<!DOCTYPE html>

<html>

  <head>

    <title>timer1.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

    <script type="text/javascript">

     function count()

     {

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

     }

    </script>

  </head>

  <body>

    <input type="button" value="点击我啊" onclick="count();">

  </body>

</html>

定时器2

以一定的时间为间隔,不断地重复执行表达式。

setInterval():

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

功能:重复执行<表达式>,直至窗口、框架被关闭或执行clearInterval。

clearInterval():

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

功能:终止定时器

例子:

<!DOCTYPE html>

<html>

  <head>

    <title>timer2.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

    <script type="text/javascript">

    var sec = 0;

    var timer = setInterval("count();",1000);//页面加载的时候即开始计时

     function count()

     {

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

     }

     function stopCount()

     {

         clearInterval(timer);//停止定时器的运行

     }

    </script>

  </head>

  <body>

    <font color="red" id="num">0</font>

    <input type="button" value="停止" onclick="stopCount();">

  </body>

</html>

以上就是本文的全部内容了,希望大家能够喜欢

Javascript 相关文章推荐
当jQuery遭遇CoffeeScript的时候 使用分享
Sep 17 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
javascript实现json页面分页实例代码
Feb 20 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
AngularJS 如何在控制台进行错误调试
Jun 07 Javascript
AngularJS中isolate scope的用法分析
Nov 22 Javascript
node中Express 动态设置端口的方法
Aug 04 Javascript
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
javascript利用键盘控制小方块的移动
Apr 20 Javascript
vue+axios全局添加请求头和参数操作
Jul 24 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 04 Javascript
JavaScript学习笔记之JS对象
Jan 22 #Javascript
JavaScript学习笔记之JS函数
Jan 22 #Javascript
JavaScript学习笔记之基础语法
Jan 22 #Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
Jan 22 #Javascript
Angularjs基础知识及示例汇总
Jan 22 #Javascript
jquery使用正则表达式验证email地址的方法
Jan 22 #Javascript
使用jquery操作session方法分享
Jan 22 #Javascript
You might like
PHP中nowdoc和heredoc使用需要注意的一点
2014/03/21 PHP
PHP面向对象详解(三)
2015/12/07 PHP
PHP array_key_exists检查键名或索引是否存在于数组中的实现方法
2016/06/13 PHP
js判断浏览器的比较全的代码
2007/02/13 Javascript
解析JavaScript中的标签语句
2013/06/19 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
javascript结合CSS实现苹果开关按钮特效
2015/04/07 Javascript
javascript事件处理模型实例说明
2016/05/31 Javascript
JS基于面向对象实现的选项卡效果示例
2016/12/20 Javascript
BootStrap select2 动态改变值的方法
2017/02/10 Javascript
微信小程序页面开发注意事项整理
2017/05/18 Javascript
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
koa-passport实现本地验证的方法示例
2020/02/20 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
[30:00]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第二场 11.28
2020/12/01 DOTA
探索Python3.4中新引入的asyncio模块
2015/04/08 Python
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
socket + select 完成伪并发操作的实例
2017/08/15 Python
python如何实现代码检查
2019/06/28 Python
Tensorflow模型实现预测或识别单张图片
2019/07/19 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
selenium 多窗口切换的实现(windows)
2020/01/18 Python
python利用百度云接口实现车牌识别的示例
2020/02/21 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
HTML5 本地存储实现购物车功能
2017/09/07 HTML / CSS
巴西24小时在线药房:Drogasil
2020/06/20 全球购物
棉花姑娘教学反思
2014/02/15 职场文书
工厂搬迁方案
2014/05/11 职场文书
大学生党员自我批评思想汇报
2014/10/10 职场文书
小学教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
承诺函范文
2015/01/21 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书
go语言中切片与内存复制 memcpy 的实现操作
2021/04/27 Golang
Maven学习----Maven安装与环境变量配置教程
2021/06/29 Java/Android