js笔记（制作一个简单的计数器）

Posted 2020-07-24 诀别~雪

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

<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);
    }