当前位置: 首页 > 编程笔记 >

JavaScript学习笔记之定时器

史骏祥
2023-03-14
本文向大家介绍JavaScript学习笔记之定时器,包括了JavaScript学习笔记之定时器的使用技巧和注意事项,需要的朋友参考一下

定时器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学习笔记之函数定义的使用技巧和注意事项,需要的朋友参考一下 函数声明式 声明式的函数并不会马上执行,需要我们调用才会执行:funname();  * 分号是用来分隔可执行JavaScript语句,由于函数声明不是一个可执行语句,所以不以分号结束。 函数表达式 函数表达式定义的函数,实际上也是一个匿名函数(这个函数没有名

  • 本文向大家介绍JavaScript学习笔记之JS函数,包括了JavaScript学习笔记之JS函数的使用技巧和注意事项,需要的朋友参考一下 函数就是包裹在花括号中的代码块,前面使用了关键词function: 函数参数   函数的参数可以任意多个,不用声明变量类型,只用给出变量名: 函数返回值   在函数中使用return语句,函数会停止执行,返回调用它的地方。   函数的返回值也不用声明类型,直接

  • 本文向大家介绍JavaScript学习笔记之JS对象,包括了JavaScript学习笔记之JS对象的使用技巧和注意事项,需要的朋友参考一下 默认对象   日期对象Date,   格式:日期对象名称=new Date([日期参数])   日期参数:   1.省略(最常用);   2.英文-数值格式:月 日,公元年 [时:分:秒]   如:today=new Date("October 1,2008

  • 本文向大家介绍JavaScript 学习笔记之操作符,包括了JavaScript 学习笔记之操作符的使用技巧和注意事项,需要的朋友参考一下 一、一元操作符 1、自增自减操作符:分为前置型和后置型; 前置型:++a;--a; 后置型:a++;a--; 例: 其中a=i++,相当于a=i;i=i+1; 而b=++j,相当于j=j+1;b=j; 2、一元加减操作符:a=+i;a=-i; 对整数而言,一元

  • 本文向大家介绍JavaScript学习笔记之Cookie对象,包括了JavaScript学习笔记之Cookie对象的使用技巧和注意事项,需要的朋友参考一下 JavaScript Cookie   Cookie对象:   Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。   Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web

  • 本文向大家介绍JavaScript学习笔记之基础语法,包括了JavaScript学习笔记之基础语法的使用技巧和注意事项,需要的朋友参考一下 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括:   各种算术运算符、比较运算符、逻辑运算符;   if else语句、switch语句;   for循环、while循环、do while循环;   标签、brea

  • 本文向大家介绍JavaScript学习笔记之创建对象,包括了JavaScript学习笔记之创建对象的使用技巧和注意事项,需要的朋友参考一下 JavaScript 有Date、Array、String等这样的内置对象,功能强大使用简单,人见人爱,但在处理一些复杂的逻辑的时候,内置对象就很无力了,往往需要开发者自定义对象。 从JavaScript定义上讲对象是无序属性的集合,其属性可以包含基本值、对象

  • 本文向大家介绍JavaScript 学习笔记之数据类型,包括了JavaScript 学习笔记之数据类型的使用技巧和注意事项,需要的朋友参考一下 一、分类 基本数据类型:undefined、null、string、Boolean、number 复杂数据类型:object object的属性以无序的名称和值对的形式 (name : value) 来定义 二、详解 1、undefined:undefin