本文实例讲述了Java脚本语言页面倒计时功能。分享给大家供大家参考，具体如下：

效果图：

源码：

！DOCTYPE html html head lang=' en ' meta charset=' UTF-8 ' titlewww.jb51.net JS倒计时/title style H3 { text-align : center；线高：50 px高度：50 px页边距-顶部：100像素；} # timer { text-align : center}/style/head dyh 3倒计时/h3p id=' timer ' 00:0000:00/PS脚本var timeObj=document。getelementbyid(' timer ')；//var startTime=new Date()；//开始时间=开始时间。gettime()；//var结束时间=' 2017-4-20 19:30:00 '；//结束时间=新日期(结束时间。替换(////g，'/').getTime()；//var diffTime=结束时间-开始时间；var diffTime=400000//-倒计时start-function timeBack(){ var timer=setInterval(function(){ if(DiffTime=1000){ DiffTime-=1000；时间目标。innerhtml=格式化日期(DiffTime)；} }，1000)} timeBack()；函数格式化日期(最大时间){ var d=math。楼层(最大时间/(1000 * 60 * 60 * 24))；var h=数学。楼层(最大时间/(1000 * 3600))-(d * 24)；var m=数学。地板(最大时间/(1000 * 60))-(d * 24 * 60)-(h * 60)；var s=数学。地板(最大时间/(1000))-(d * 24 * 60 * 60)-(h * 60 * 60)-(m * 60)；var hour=(d*24) h，分钟=m，秒=s；if(hour 100){ hour=99 } if(hour 10){ hour=' 0 ' hour；} if(m . ^ 10)分钟='0 '分钟} if(s . ^ 10)秒钟='0 '秒钟；}返回小时' : '分钟' : '秒；}/脚本/正文/html感兴趣的朋友还可以使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码运行效果。

PS:这里再为大家推荐几款时间及日期相关工具供大家参考使用：

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

在线日期/天数计算器：http://工具。JB 51。net/jisuanqi/date _ jisuanqi

在线日期计算器/相差天数计算器：http://工具。JB 51。net/jis uan qi/日期计算

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

更多关于Java脚本语言相关内容还可查看本站专题： 《JavaScript时间与日期操作技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

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