首先编写静态页中的按钮:
<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);
}