JS实现倒计时(天数、时、分、秒)


 

<html>
<body>
<input type="text" value="" id="date2">
<input type="button" onclick="go(document.getElementById('date2').value);" value="开始">
<div id="timer">fdd</div>
<script type="text/javascript">
 // 倒计时
 var _ordertimer = null;
 var data=new Date();
 document.getElementById("date2").value=data.getFullYear()+'-'+(data.getMonth()+1)+'-'+data.getDate()+' '+data.getHours()+':'+data.getMinutes()+':'+data.getSeconds();//当前时间
 function leftTimer(enddate) {
  var leftTime = (new Date(enddate)) - new Date(); //计算剩余的毫秒数
  var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数
  var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时
  var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟
  var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
  days = checkTime(days);
  hours = checkTime(hours);
  minutes = checkTime(minutes);
  seconds = checkTime(seconds);
  
if(days > 0 && hours >= 0 && minutes >= 0 && seconds >= 0){
console.log(1111);
$(ele).html(days + " " + hours + ":" + minutes + ":" + seconds);
}
else if(days==0 && !(hours <= 0 && minutes <= 0 && seconds <= 0)){
console.log(2222);
$(ele).html(hours + ":" + minutes + ":" + seconds);
}
else{
console.log(3333);
$(ele).html('已结束');
window.clearInterval(_ordertimer);
_ordertimer = null;
}
} function checkTime(i) { //将0-9的数字前面加上0,例1变为01 if (i < 10) { i = "0" + i; } return i; } function go(v){ var date1=new Date(),data2=new Date(v); if(data2<date1)return;//设置的时间小于现在时间退出  _ordertimer = setInterval(function(){leftTimer(data2)}, 1000); } </script> </body> </html>

https://www.jb51.net/article/97501.htm

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM