<html> <head> <title>JS写的准确计时器结果</title> </head> <body onLoad="display()" bgcolor="#C0C0C0"> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var ms = 0; //以毫秒为单元的计数值 var state = 0; //状态，如果为1暗示正在计时。 function startstop() { //启动，遏制计时的主措施 if (state == 0) { //如果当前处于遏制状态 state = 1; //则设定当前状态为"正在计时" then = new Date(); //建设"then"这个日期/时间对像 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); //设定50毫秒刷新显示一次 if (state == 1) { //如果正在计时 now = new Date(); //取当前时间 ms = now.getTime() - then.getTime(); //取颠末的毫秒数 document.stpw.time.value = ms; //显示这个差值 } } // End --> </SCRIPT> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" colspan="2" height="40" valign="top"> <FORM NAME="stpw"> 逝去时间: <INPUT TYPE="text" Name="time" size="20" value="0"> <font size=2>单元：毫秒</font> </td> </tr> <tr> <td width="18%"> <INPUT TYPE="BUTTON" Name="ssbutton" VALUE="起始开关" onClick="startstop()" style="background-color: #FFFFFF; border: 1 solid #000000"> </td> <td width="82%"> <INPUT TYPE="BUTTON" NAME="reset" VALUE="归 零" onClick="swreset()" style="background-color: #FFFFFF; border: 1 solid #000000"> </td> </tr> </table> </FORM> </body> </html> <br><br><hr> 收集于互联网，只为乐趣与进修交换，不作贸易用途。</font></p> 运行代码 复制代码 另存代码 提示：可以先修改部分代码后再运行 转载请注明：代码家园 » JS写的准确计时器结果 继续浏览有关 的文章 上一篇：jQuery实现的输入框选择时间插件 下一篇：没有了 相关代码 跟随鼠标的时钟代码 网页右下角的指针表，纯JavaScript实现 CSS实现带倒影的Js日期时钟 又非常不错的日期选择特效 + 适合于学习的简单的js日历代码 + 世界部分地区日期时间表 + Css3+jQuery打造的带动画特效的数字时钟 + 可换样式的JavaScript小挂钟 + 网页背景上带阴影的电子时钟网页时间 + JS日历生成器 + 计算站点的运行时间 + 带日历、星期、农历的JS电子时钟 + Js打造的很漂亮的蓝色风格带当前时间日期的日历 + JS获取当前时间，显示“上午”、“下午” + JavaScript跳动的时间电子钟 + 温度计时间显示
跟随鼠标的时钟代码