186-0984-0880
 
js实现的倒计时效果(setInterval)
日期:12-07 浏览次数:12

用JS实现的倒计时效果
  <div id="leftTime"></div>
 
  <script type="text/javascript">
  setInterval(function time(){
                                       var o  = document.getElementById("leftTime");
                                    
                                       var nowTime = new Date(),endTime = new Date("2012/7/14 18:00:00");
                                    
                                       var leftSecs = Math.floor((endTime.getTime() - nowTime.getTime()) / 1000);
                                    
                                       var leftDays = Math.floor(leftSecs / (24*60*60));       //剩余的天数
                                    
                                       var leftHour = Math.floor(leftSecs % (24*60*60) / (60*60));      //剩余的小时数
                                    
                                       var leftMins = Math.floor(leftSecs %s (60*60) / 60);  //剩余的分钟数
                                    
                                       var leftSec = Math.floor(leftSecs % 60);      //剩余的秒数
 
  o.innerHTML = "现在还剩下" + leftDays + "天" + leftHour + "小时" + leftMins + "分钟" + leftSec + "秒";
  },1000);
  </script>
 
当然写法不只这一种,还可以这样写:
setInterval("doTimeout()" , 1000); //true
setInterval(doTimeout() , 1000);     //false
setInterval(function() {           //truedoTimeout();
} , 5000);
setInterval(doTimeout , 1000);      //true
setInterval('doTimeout' , 1000);     //false
 

← 上一篇 下一篇 → 返回首页
如有意向,请联系我们的客户经理
我们会根据您的需求为你制定详细的解决方案
在线咨询 or 拨打业务热线:186-0984-0880
在线咨询
热线电话
解决方案
扫一扫

扫一扫
关注新图闻科技

全国咨询热线
186-0984-0880

返回顶部