js笔记(制作一个简单的计数器)

首先编写静态页中的按钮:

<input  id="result" type="button" value="该程序已经运行了0秒!"/><br>
  <input type="button" value="开始" onclick="start()"/>
  <input type="button" value="停止" onclick="stop()"/>

js:

//定义两个全局变量。(定义全局变量是为了避免变量在函数的重复执行中始终被 初始化)

var i = 0;
 var timer;

//定义开始的计时器方法

function start(){  
    var inputObj = document.getElementById("result");
    inputObj.value = "该程序已经运行了"+i+"秒!";
    i++;
    //延时器
    //延时器要想实现重复执行,必须在函数中不断调用自己。
    //这样实现以后,延时器就可以模拟定时器的效果。
     timer = window.setTimeout("start()",100);    //定义timer是为了为清除计数器定义一个变量
    }

//定义停止的方法

function stop(){
       
       window.clearTimeout(timer);
    }

上一篇:js中的数据类型及常用属性和方法


下一篇:javaScript事件(四)event的公共成员(属性和方法)