首页 > Web开发 > 详细

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

时间:2016-06-11 20:11:41      阅读:278      评论:0      收藏:0      [点我收藏+]

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

<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笔记(制作一个简单的计数器)

原文:http://www.cnblogs.com/dubin382460/p/5575755.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!