jQuery實現頁面多個倒計時

<script src="js/jquery-1.11.3.min.js"></script>
<script language="javascript">
$(function(){
updateEndTime();
});
//倒計時函數
function updateEndTime()
{
 var date = new Date();
 var time = date.getTime();  //當前時間距1970年1月1日之間的毫秒數
javascript

 $(".settime").each(function(i){html

 var endDate =this.getAttribute("endTime"); //結束時間字符串
 //轉換爲時間日期類型
 var endDate1 = eval('new Date(' + endDate.replace(/\d+(?=-[^-]+$)/, function (a) { return parseInt(a, 10) - 1 }).match(/\d+/g) + ')');
java

 var endTime = endDate1.getTime(); //結束時間毫秒數
 var lag = (endTime - time) / 1000; //當前時間和結束時間之間的秒數
  if(lag > 0)
  {
   var second = Math.floor(lag % 60);
   var minite = Math.floor((lag / 60) % 60);
   var hour = Math.floor((lag / 3600) % 24);
   var day = Math.floor((lag / 3600) / 24);
   $(this).html(day+"天"+hour+"小時"+minite+"分"+second+"秒");
  }
  else
   $(this).html("活動結束啦!");
 });
 setTimeout("updateEndTime()",1000);
}

</script>jquery


<div class="settime" endTime="2016-7-30 12:1:1"></div>函數

<div class="settime" endTime="2016-7-29 14:58:7"></div>this

相關文章
相關標籤/搜索