具有开始/停止/重新开始功能的计数

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 具有开始/停止/重新开始功能的计数 (http://www.webasp.net/javascript/1/347.htm)
-- 发布日期： 2005-06-04
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<!--One step to installing this script-->

<!--1) Insert everything below to BODY of your page-->



<SCRIPT LANGUAGE="JavaScript">



/*

For this script

Visit http://java-scripts.net or http://wsabstract.com

*/



var ms = 0;

var state = 0;

function startstop() {

if (state == 0) {

state = 1;

then = new Date();

then.setTime(then.getTime() - ms);

} else {

state = 0;

now = new Date();

ms = now.getTime() - then.getTime();

document.stpw.time.value = ms;

}

}

function swreset() {

state = 0;

ms = 0;

document.stpw.time.value = ms;

}

function display() {

setTimeout("display();", 50);

if (state == 1) {now = new Date();

ms = now.getTime() - then.getTime();

document.stpw.time.value = ms;

}

}



window.onload=display



</SCRIPT>





<CENTER>

<FORM NAME="stpw">

Time:

<INPUT TYPE="text" Name="time">

<INPUT TYPE="BUTTON" Name="ssbutton" VALUE="Start/Stop" onClick="startstop()">

<INPUT TYPE="BUTTON" NAME="reset" VALUE="Reset" onClick="swreset()">

</FORM>

</CENTER>

webasp.net