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 相关文章推荐
用JavaScript隐藏控件的方法
Sep 21 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
jQuery中data()方法用法实例
Dec 27 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
Highcharts入门之基本属性
Aug 02 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
小程序tab页无法传递参数的方法
Aug 03 Javascript
JS求解两数之和算法详解
Apr 28 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
May 24 Javascript
vue iview 隐藏Table组件里的某一列操作
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
漂亮但不安全的CTB
2006/10/09 PHP
十天学会php之第九天
2006/10/09 PHP
PHP CURL 内存泄露问题解决方法
2015/02/12 PHP
PHP PDOStatement::debugDumpParams讲解
2019/01/30 PHP
js 键盘记录实现(兼容FireFox和IE)
2010/02/07 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
2011/05/24 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
2016/08/01 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
Nginx 配置多站点vhost 的方法
2018/01/07 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
es6中let和const的使用方法详解
2020/02/24 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
2020/11/16 Javascript
Python日期的加减等操作的示例
2017/08/15 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
Python中的取模运算方法
2018/11/10 Python
Python中的self用法详解
2019/08/06 Python
python 两个数据库postgresql对比
2019/10/21 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
德国在线订购鲜花:Fleurop
2018/08/25 全球购物
Footshop罗马尼亚:最好的运动鞋选择
2019/09/10 全球购物
Java中compareTo和compare的区别
2016/04/12 面试题
十佳青年个人事迹材料
2014/01/28 职场文书
生产部厂长助理职位说明书
2014/03/03 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
一年级评语大全
2014/04/23 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
2014个人年度工作总结
2014/12/15 职场文书
毕业设计论文评语
2014/12/31 职场文书
校运会新闻稿
2015/07/17 职场文书
会议室使用管理制度
2015/08/06 职场文书
《分一些蚊子进来》读后感3篇
2020/01/09 职场文书