当前位置:开发者网络 >> 网页特效 >> 计数计算 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
具有开始/停止/重新开始功能的计数
日期: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>