侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

jQuery实现页面多个倒计时

2024-05-06 星期一 / 0 评论 / 0 点赞 / 65 阅读 / 1576 字

<script src="js/jquery-1.11.3.min.js"></script> <script language="javascript"> $(function(){ updateE

<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日之间的毫秒数

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

 var endDate =this.getAttribute("endTime"); //结束时间字符串
 //转换为时间日期类型
 var endDate1 = eval('new Date(' + endDate.replace(//d+(?=-[^-]+$)/, function (a) { return parseInt(a, 10) - 1 }).match(//d+/g) + ')');

 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>


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

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

广告 广告

评论区