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>

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

时间: 2024-07-29 07:38:32

JavaScript学习笔记之定时器_基础知识的相关文章

JavaScript 学习笔记之语句_基础知识

一.条件分支语句:if 基本格式: if (<表达式1>){     <语句组1> }else if (<表达式2>){     <语句组2> }else{     <语句组3> } 执行流程: 二.循环语句 2.1前测试循环语句:在循环体内的代码被执行之前就对出口条件求值. 2.1.1while语句 基本格式: do {     <语句组> } while (<表达式>) 执行流程: 2.1.2 for语句 基本格式:

JavaScript 学习笔记之操作符_基础知识

一.一元操作符 1.自增自减操作符:分为前置型和后置型: 前置型:++a;--a; 后置型:a++;a--; 例: 复制代码 代码如下:    <script type="text/javascript">          var a, b,i= 1,j=1;          a=i++;          b=++j;          alert("a="+a+",i="+i+",b="+b+",

JavaScript 学习笔记之数据类型_基础知识

一.分类 基本数据类型:undefined.null.string.Boolean.number 复杂数据类型:object object的属性以无序的名称和值对的形式 (name : value) 来定义 二.详解 1.undefined:undefined类型只有一个值:undefined,在使用var对变量进行声明但未初始化时,这个变量的值就是undefined. 包含undefined值的变量与尚未定义的变量是不一样的,以下这个例子可以说明: 复制代码 代码如下:     var dem

Javascript学习笔记1 数据类型_基础知识

代码类型只有一种形式就是function. undefined:未定义,我们也可称之为不存在,typeof(undefined)=undefined. null:为空.undefined是不存在,而null是存在,但却无.typeof(null)=object,但null又不是object,这就是null的神奇而独特之处. boolean:true or false. Number:NaN和Infinity是两个特殊之数,NaN代表一个无法用数值来表示的数字,而Infinity代表一个无穷大的数

Javascript学习笔记3 作用域_基础知识

在Javascript,全局环境本身就一个对象.在浏览器宿主中这个对象是window,而当Javascript用于其它非浏览器的宿主,如嵌入式的环境中,可能会是其它的对象. 在这里也纠正一个观念,有很多人都认为Javascript只在浏览器中使用,其实Javascript也能在很多非Web情况下使用,据介绍Javascript在一些基于嵌入式的应用领域表现得也很出色,当然这些我也只是听过传说而已. 言归正传,当我们写下:var i=1时,其实就是声明了一个window作用域的一个变量. 而当我们

Javascript学习笔记2 函数_基础知识

就像我们可以写成这样的形式一样: 复制代码 代码如下: function Hello() { alert("Hello"); } Hello(); var Hello = function () { alert("Hello"); } Hello(); 其实都是一样的. 但是当我们对其中的函数进行修改时,会发现很奇怪的问题. 复制代码 代码如下: <script type="text/javascript"> function Hel

Javascript 读书笔记索引贴_基础知识

一. 基础篇 Javascript学习笔记1 数据类型 Javascript学习笔记2 函数 Javascript学习笔记3 作用域 Javascript学习笔记4 Eval函数 Javascript学习笔记5 类和对象 Javascript学习笔记6 prototype的提出 Javascript学习笔记7 原型链的原理 二. 实战篇Javascript学习笔记8 用JSON做原型 Javascript学习笔记9 prototype封装继承

javascript学习笔记(一)基础知识_基础知识

基本概念 javascript是一门解释型的语言,浏览器充当解释器. js执行引擎并不是一行一行的执行,而是一段一段的分析执行. 延迟脚本 HTML4.0.1中定义了defer属性,它的用途是表明脚本在执行时不会影响页面的构造.也就是说,脚本会延迟到整个页面都解析完毕后再执行.因此,在<script>元素中设置defer属性,相当于告诉浏览器立即下载,但延迟执行.在XHTML文档中,要把defer属性设置为defer="defer" 异步脚本 html5为<scrip

JavaScript学习心得之概述_基础知识

  一.JavaScript是一种专为与网页交互而设计的脚本语言,它的的组成 ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript      ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系,ECMA-262定义的只是这门语言的基础,提供核心语言功能 ECMAScript是通过ECMA-262标准化的脚本语言,ECMA-262规定语言的:语法.类型.语句.关键字.保留字.操作符.对象 1.2 DOM(Document Obj