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页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
js 截取或者替换字符串中的数字实现方法
Jun 13 Javascript
把普通对象转换成json格式的对象的简单实例
Jul 04 Javascript
使用jquery如何获取时间
Oct 13 Javascript
Node.js websocket使用socket.io库实现实时聊天室
Feb 20 Javascript
jquery实现页面加载效果
Feb 21 Javascript
字太多用...代替的方法(两种)
Mar 15 Javascript
vue使用axios实现文件上传进度的实时更新详解
Dec 20 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
Apr 24 Javascript
JS封装cavans多种滤镜组件
Feb 15 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
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
PHP自动生成表单代码分享
2015/06/19 PHP
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
判断脚本加载是否完成的方法
2009/05/26 Javascript
初试jQuery EasyUI 使用介绍
2010/04/01 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
2012/02/27 Javascript
jQuery(非HTML5)可编辑表格实现代码
2012/12/11 Javascript
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
2013/07/31 Javascript
基于JavaScript代码实现pc与手机之间的跳转
2015/12/23 Javascript
三个js循环的关键字示例(for与while)
2016/02/16 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
jQuery Validate表单验证插件实现代码
2017/06/08 jQuery
Vue的MVVM实现方法
2017/08/16 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
2019/10/30 Javascript
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
Python实现更改图片尺寸大小的方法(基于Pillow包)
2016/09/19 Python
神经网络理论基础及Python实现详解
2017/12/15 Python
浅谈利用numpy对矩阵进行归一化处理的方法
2018/07/11 Python
10招!看骨灰级Pythoner玩转Python的方法
2019/04/15 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
django 多数据库及分库实现方式
2020/04/01 Python
乌克兰最大的家用电器和电子产品连锁店:Eldorado
2019/10/02 全球购物
党建工作先进材料
2014/05/02 职场文书
2014年财政局工作总结
2014/12/09 职场文书
打架检讨书范文
2015/01/27 职场文书
经理岗位职责范本
2015/04/15 职场文书
毕业生求职自荐信(2016最新版)
2016/01/28 职场文书
JS Object构造函数之Object.freeze
2021/04/28 Javascript