分享免费的编程资源和教程

网站首页 > 技术教程 正文

日期倒计时 日期倒计时怎么设置

goqiw 2024-10-17 12:14:35 技术教程 74 ℃ 0 评论

很多场景会用到日期倒计时,比如活动还有几天开始等场景。

html code
<p class="countdown">
  <span class="days">01</span>天
  <span class="hours">02</span>时
  <span class="minutes">37</span>分
  <span class="seconds">25</span>秒
</p>
js code

<script type="text/javascript" src=" https://cdnjs.cloudflare.com/ajax/libs/jquery.downCount/1.0.0/jquery.downCount.js"></script>  
<script class="source" type="text/javascript">
   var time='2020-10-26 19:55:10';
 //注意时间格式,在Safari中,只支持2020/10/26 19:55:10,所以需要进行转化
  time=time.replace(/-/g, "/");
     $(".countdown").downCount({
            date: time,//结束时间 会与当前时间对比,计算出倒计时差
            offset: +8,//时差
        },
       function () {
            alert("倒计时结束!");
         }
     );
 </script>

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表