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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM