批量倒计时-web

最新推荐文章于 2024-05-16 18:00:36 发布

阿之阿佐

最新推荐文章于 2024-05-16 18:00:36 发布

阅读量287

点赞数

分类专栏： js

js 专栏收录该内容

59 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title>无标题文档</title>

</head>
<style>
  div{position:relative;height:100px;}
  .the-time{position:absolute;}
</style>
<body>

<div><p class="the-time" left_time="2019/6/30 17:41:01">
  <strong></strong>天<strong></strong>小时<strong></strong>分钟<strong></strong>秒
</p></div>
<div><p class="the-time" left_time="2019/6/30 17:42:02">
  <strong></strong>天
  <strong></strong>小时
  <strong></strong>分钟
  <strong></strong>秒
</p>
</div>
<div>
  <p class="the-time" left_time="2019/6/30 17:43:00">
    <strong></strong>天
    <strong></strong>小时
    <strong></strong>分钟
    <strong></strong>秒
  </p>
</div>
<script>
  function setTimeP(p_class){
    var ps = document.getElementsByTagName("p");
    for(var i = 0; i < ps.length; i ++){
      if(ps[i].className == p_class){
        var aq_time = new Date(ps[i].getAttribute('left_time'));
        var now_time = new Date();
        var end_time = parseInt((aq_time.getTime()-now_time.getTime())/1000);
        if(end_time > 0){
          ps[i].end_time = end_time;
          ps[i].t_ps = ps[i].getElementsByTagName("strong");
          ps[i].timer = omg;
          ps[i].timer();
        }else{
          ps[i].innerHTML = "活动结束";
        }
      }
    }

    function omg(){
      if(this.end_time <= 0 )
        return false
      this.end_time = this.end_time - 1;
      var left_d = Math.floor(this.end_time / 3600 / 24);
      var left_h = Math.floor((this.end_time / 3600)%24);
      var left_m = Math.floor(this.end_time % 3600 / 60);
      var left_s = this.end_time % 3600 % 60;
      this.t_ps[0].innerHTML = "还剩："+left_d;
      this.t_ps[1].innerHTML = left_h;
      this.t_ps[2].innerHTML = left_m;
      this.t_ps[3].innerHTML = left_s;
      var _this = this;
      setTimeout(function(){_this.timer()}, 1000)

    }
  }

</script>
<SCRIPT LANGUAGE="JavaScript">
  setTimeP("the-time");
</SCRIPT>
</body>
</html>

阿之阿佐

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
批量倒计时-web

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <me...
复制链接

扫一扫