您好，欢迎来到源码搜藏！分享精神，快乐你我！提示：担心找不到本站？在百度搜索“源码搜藏”，网址永远不丢失！

[加入VIP] 设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签

当前位置：首页 > 网页特效 > 时间日期 >

精确的计时器

时间：2013-06-04 08:29 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

<html>
<head>
<title>精确计时器</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>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

JavaScript写的精确计时器特效，以毫秒为单位，点击开始按钮即可开时计算逝去的时间，时间不等人，这个计时器可以告诉你，时间如此之宝贵。精确的计时器由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/shijian/4966.html

标签：网站源码

上一篇：cookie实现可记事的日历

下一篇：淘宝网-旅行频道-日历控件（基础版）

[时间日期] 用HTML5实现的圆形时钟倒计时

[时间日期] 可选择起始日期和结束日期的时间

[时间日期] 万年历，JS万年历，兼容火狐、IE

[时间日期] jquery.MyDigitClock.js数字时钟

[时间日期] CSS3数字时钟

[时间日期] Js简单获取系统日期/时间/星期

[时间日期] 一个很漂亮并且很实用的日历

[时间日期] 六种风格时间显示,一定有你喜欢

[时间日期] 1900-2100 两百年超酷百年日历

[时间日期] 可以输入当前的时间一款日期输入

[时间日期] 记录并显示网页的最后修改时间

[时间日期] JS时钟特效，setTimeout用法示例

相关内容推荐

有效自动化测试策略

安卓网站源码

java视频教程

Flash文字特效

网络图标矢量素材

dedecms模板制作

js刷新页面方法大全

ecshop二次开发

国际信用卡PNG图标

Sencha 中文站

屏蔽网页错误

露营徽章PNG图标

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

鲁ICP备13013982号-1