JavaScript利用日期实现简单的倒计时实例

介绍

日期对象，是操作日期和时间的对象日期对象对日期和时间的操作只能通过方法日期在射流研究…中和排列类似，都是拥有自己的特殊方法的特殊对象。

创建日期对象的语法：

var myDate=新日期()//日期对象会自动把当前日期和时间保存为其初始值。获取倒计时之前，我们不妨先来看怎样获取当前时间吧！

函数time(){ var HIte=new Date()；var year=HuIt。GetFullyear()；var month=HuIt。GetMount()1；var dDate=HuIt。GetDate()；var day=HuIt。GetDay()；var house=HuIt。gethours()；var minu=HuIt。GetMINUTES()；var sec=HuIt。GetSeconds()；switch(day){ case 1: day='星期一；打破；案例' 2:天='星期二；打破；案例' 3: day='星期三；打破；案例4: day='星期四；打破；案例' 5: day='星期五；打破；案例' 6: day='星期六；打破；案例' 0: day='星期日；打破；}函数double(t){ if(t ^ 10){ t=' 0 ' t；}返回t；} document.body.innerHTML=year '年"月"月' dDate '日day ' ' double(house)' : ' double(minu)' : ' double(秒);} time()；setInterval(时间，1000);获取倒计时

1、实现倒计时功能

2、倒计时结束按钮可被点击，之前不可被点击

实例代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title无标题文档/title/head dydiv id='上次' span 0天/span span 00:/span span 00:/span span 00/span/div br/br/style type=' text/CSS ' # BTN { text-decoration : none；显示器：块；宽度： 100像素；高度： 35px背景# ccc文本对齐：中心；线高： 35pxcolor : # 666 } # BTN . BTN { background : redcolor : # ffffont-size : 20px；字体粗细：粗体；}/style a href=' JavaScript :'id='btn '即将开抢！/JavaScript类型=' text/JAVAScript ' var oLt=document。getelementbyid('上次')；var oBtn=文档。getelementbyid(' BTN ')；time()；var timer=setInterval(时间，1000);函数time(){ var end time=new Date(' 2017/01/13 00:00:00 ')；//结束日期不得在当前日期之前var nowTime=新日期();var splus=结束时间。gettime()-nowtime。gettime()；//天时分秒if(splus=1 ){ clearInterval(定时器);obn . class NAmE=' BTN ' ObN . InnerHTMl='开始秒杀!'；奥宾。http://。百度。com '；返回；} else { obtn . class name=} var day=math。floor(splus/1000/60/60/24)；var小时=数学。地板(splus/1000/60/60% 24)；var min=数学。地板(splus/1000/60% 60)；var sec=数学。地板(splus/1000% 60)；oLt.innerHTML=day '天双倍（小时)':'双倍（分)':'双倍（秒);函数double(n){ if(n ^ 10){ n=' 0 ' n；}返回n；} }/脚本/正文/html效果图如下：

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对我们的支持。