本文实例讲述了射流研究…基于面向对象实现的多个倒计时器功能。分享给大家供大家参考，具体如下：

运行效果图如下：

实现代码如下：

代码

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/HTML；charset=utf-8'/titleJavaScript测试文件/title/head body div span id=' hour 0 ' 0/span小时/div div span id='分钟0 ' 0/span分/div div span id='秒0 ' 10/span秒/div br/divspan id='hour1'1/span小时/div div span id='分钟1 ' 31/span分/div div span id='秒1 ' 31/span秒/div br/divspan id='hour2'2/span小时/div divspan id='minute2'32/span分/div div span id='秒2 ' 32/span秒/div br/divspan id='hour3'3/span小时/div div span id='分钟3 ' 33/span分/div div span id='秒3 ' 33/span秒/div br/divspan id='hour4'4/span小时/div div span id='分钟4 ' 34/span分/div div span id='秒4 ' 34/span秒/div br//body/html脚本类型=' text/JavaScript '//名山计时器：函数msTimeCount(){ this . _小时=0;//"小时"数这个。_分钟=0;//"分"数这个。_秒=0;//"秒"数//这个_ HourHTML Obj={ }；//"小时" html对象这个_ MinuteHTML Obj={ }；//"分" html对象这个_ secondsHtmlObj={ }；//"秒" html对象//这个_总秒数=0；//总秒数};msTimeCount.prototype={ //1 .获取对象$ :函数(ID){返回文档。getelementbyid(ID)；}, //2.初始化：/* * arrTime:传入时间数组，格式为[1,30,30],代表一小时30分30秒；* arrHtmlObj:更新时间数据的超文本标记语言对象数组，格式为['小时','分钟','秒'];*/init:function(arrTime，arrHtmlObj){ var _ this=this；_这个_ hour=ParSeint(arr time[0])；_这个。_分钟=parsent(arrTime[1])；_这个。_秒=parsent(arrTime[2])；_这个_hourHtmlObj=_this .$(arrHtmlObj[0])；_这个_ minuteHtmlObj=_ this .$(arrHtmlObj[1])；_这个_secondsHtmlObj=_this .$(arrHtmlObj[2])；_这个_totalSeconds=parseInt(_this ._小时* 60 * 60 _这个。_分钟* 60 _这个。_秒);//开始计时：_这个。时间计数()；}, //3.计时器：TiME unt : FuncTion(){ var _ this=this；var tmpTimeCount=setInterval(function(){ _ this ._总秒数-；//alert(_this ._总秒)；_这个。刷新时间()；if(_this )._总秒数1){ clearInterval(tmpTimeCount)；返回；} } ,1000);}, //4.刷新页面时间：刷新时间：函数(){ var _ this=thisif(_this )._totalSeconds0){ _this ._hour=parseInt(_this ._总秒/3600)；_这个。_分钟=parseInt((_this ._总秒数-_这个。_小时* 3600)/60);_这个。_秒=_本_总秒数-_这个。_小时* 3600-_这个。_分钟* 60;}else{ _this ._小时=_这个。_分钟=_这个。_秒=0;} _这个_hourHtmlObj.innerHTML=_this ._小时；_这个_分钟HtmlObj.innerHTML=_this ._分钟；_这个_ secondshtmlobj。innerhtml=_ this ._秒；} } var time unt 0=新的ms time count()；时间unt 0。init([0，0，10]，['hour0 '，'分钟0 '，'秒0 '])；变化时间时间1=新的mstime count()；时间账户1。init([1，31，31]，['hour1 '，' minute1 '，' second S1 '])；变化时间时间2=新的mstime count()；时间账户2。init([2，32，32]，['hour2 '，' minute2 '，' seconds 2 '])；变量时间项3=新的mstime count()；时间账户3。init([3，33，33]，['hour3 '，' minute3 '，' second 3 '])；变化时间项4=新的mstime count()；时间账户4。init([4，34，34]，['hour4 '，' minute4 '，' second 4 '])；/scriptPS:这里再为大家推荐几款时间及计时器相关工具供大家参考使用：

在线秒表工具：http://工具。JB 51。网/边民/苗彪

Unix操作系统操作系统时间戳（时间戳)转换工具：http://工具。JB 51。网络/代码/UNIX时间

在线世界各地时间查询：http://工具。JB 51。net/zhuahuaqi/世界时间

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript时间与日期操作技巧总结》 、 《javascript面向对象入门教程》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。