网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

使用JavaScript怎么实现一个给定时间的倒计时功能

使用JavaScript怎么实现一个给定时间的倒计时功能?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联建站专注于企业全网营销推广、网站重做改版、澧县网站定制设计、自适应品牌网站建设、成都h5网站建设电子商务商城网站建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为澧县等各大城市提供网站开发制作服务。

代码如下:



  
    
    倒计时
  
  
    
    
    
    这里显示倒计时

     var okbtn=document.getElementById("okbtn");   textp=document.getElementById("textp");   okbtn.onclick=function(){     var time=document.getElementById("time");     var timevalue=time.value;     //通过正则表达式确认输入格式是否正确     var patt=/^(\d{1,4})(-)(\d{1,2})\2(\d{1,2})$/;     if(patt.test(timevalue)==false){       //如果不正确       textp.innerHTML="输入格式不满足YYYY-MM-DD";       return false;     }else{       textp.innerHTML="这里显示倒计时";     }     //获取输入的年月日     var timearray=timevalue.split("-");     //ShowLeftTime(timearray[0],timearray[1],timearray[2]);     setInterval(function(){ShowLeftTime(timearray[0],timearray[1],timearray[2]);},1000);   }   function ShowLeftTime(year,month,date){         //得出剩余时间     var now=new Date();     var endDate=new Date(year,month-1,date);     var leftTime=endDate.getTime()-now.getTime();     var leftsecond=parseInt(leftTime/1000);     var day=Math.floor(leftsecond/(60*60*24));     var hour=Math.floor((leftsecond-day*24*60*60)/3600);     var minute=Math.floor((leftsecond-day*24*60*60-hour*3600)/60);     var second=Math.floor(leftsecond-day*60*60*24-hour*60*60-minute*60);     //显示剩余时间     textp.innerHTML="距离"+year+"年"+month+"月"+date+"日"     +"还有"+day+"天"+hour+"小时"+minute+"分"+second+"秒";   }

关于使用JavaScript怎么实现一个给定时间的倒计时功能问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


本文题目:使用JavaScript怎么实现一个给定时间的倒计时功能
文章出自:http://bjjierui.cn/article/gcosho.html

其他资讯