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 相关文章推荐
重定向实现代码
Nov 20 Javascript
jquery 图片上传按比例预览插件集合
May 28 Javascript
JavaScript中的细节分析
Jun 30 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
es6系列教程_ Map详解以及常用api介绍
Sep 25 Javascript
浅谈Vue为什么不能检测数组变动
Oct 14 Javascript
js实现AI五子棋人机大战
May 28 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
Aug 11 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
Nov 13 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的特殊设置
2006/10/09 PHP
php控制文件下载速度的方法
2015/03/24 PHP
PHP实现基于回溯法求解迷宫问题的方法详解
2017/08/17 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
jQuery随机密码生成的方法
2015/03/09 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
功能强大的Bootstrap效果展示(二)
2016/08/03 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
2016/10/30 Javascript
微信小程序 网络请求(post请求,get请求)
2017/01/17 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
vue-cli单页应用改成多页应用配置详解
2017/07/14 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
2017/07/28 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
JavaScript实现身份证验证代码实例
2019/08/26 Javascript
[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
用Python编程实现语音控制电脑
2014/04/01 Python
python实现跨文件全局变量的方法
2014/07/07 Python
在服务器端实现无间断部署Python应用的教程
2015/04/16 Python
python图片验证码生成代码
2016/07/02 Python
python pandas修改列属性的方法详解
2018/06/09 Python
对Python中plt的画图函数详解
2018/11/07 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
简单了解Django ContentType内置组件
2019/07/23 Python
Python 使用type来定义类的实现
2019/11/19 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
python开发一款翻译工具
2020/10/10 Python
工程概预算专业毕业生求职信
2013/10/04 职场文书
国贸专业的职业规划范文
2014/01/23 职场文书
常用的Python代码调试工具总结
2021/06/23 Python
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android