JS实现针对给定时间的倒计时功能示例

本文实例讲述了射流研究…实现针对给定时间的倒计时功能。分享给大家供大家参考，具体如下：

有时候，网站需要一个倒计时的特效来庆祝某些特别的日子。自己也实现了一个，占用内存也很小噢。其原理就是每隔一秒执行一次处理函数，将终点时间和现在的时间比较然后换算之后显示对应的值。

效果如下：

代码如下：

！DOCTYPE html html head meta charset=' utf-8 ' title倒计时/标题/标题正文输入类型=' text ' name=' time ' id=' time ' value=' 2017-09-22 '/输入类型='按钮'名称=' okb TN ' id=' okb TN '值='确认/br/p id='textp '这里显示倒计时/p/body脚本类型=' text/JavaScript ' var okb TN=document。getelementbyid(' okb TN ')；textp=文档。getelementbyid(' textp ')；okb TN。onclick=function(){ var time=document。getelementbyid(' time ')；变化时间值=time.value//通过正则表达式确认输入格式是否正确var patt=/^(\d{1,4})(-)(\d{1,2})\2(\d{1,2})$/；if(patt。测试(时间值)=假){//如果不正确textp.innerHTML='输入格式不满足年-月-日；返回false}else{ textp.innerHTML='这里显示倒计时；} //获取输入的年月日var时间数组=时间值。拆分('-')；//ShowLeftTime(timearray[0]、timearray[1]、time array[2])；setInterval(function(){ ShowLeftTime(时间数组[0]、时间数组[1]、时间数组[2])；},1000);}函数ShowLeftTime(年、月、日){ //得出剩余时间var now=新日期();var endDate=新日期（年、月-1、日期);var左时间=结束日期。gettime()-现在。gettime()；var左秒=ParSeint(左时间/1000)；var day=数学。楼层(左二/(60 * 60 * 24))；var hour=Math.floor((左第二天* 24 * 60 * 60)/3600);定义变量分钟=数学. floor((左第二天*24*60*60小时* 3600)/60);var秒=数学。楼层(左二日*60*60 * 24小时* 60 * 60分钟* 60);//显示剩余时间textp.innerHTML='距离'年'年"月"月日期日' '还有'日'天小时小时'分钟'分第二秒；}/script/htmlPS:这里再为大家推荐几款时间及日期相关工具供大家参考使用：

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

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

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

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

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

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