使用js制作倒计时(含时、分、秒)

一,倒计时(以天为单位)

  距离2019年 还有<span id="show"></span>天

 <!-- 输出:距离2019年 还有84天 -->

<script>
	window.onload = function() {
            // Math.ceil()方法执行的是向上取整计算,它返回的是大于或等于函数参数,并且与之最接近的整数
            // Math.ceil(12.2)返回13
            var endTime = new Date("1,1,2019"); // 结束日期
            var currentTime = new Date();
            var date = endTime.getTime() - currentTime.getTime(); //得出的为毫秒
            var leftTime = Math.ceil(date / (1000 * 60 * 60 * 24)); // 计算出天数
            //1000 * 60 * 60 * 24 一天的秒数
            if (leftTime > 0) {  
                document.getElementById("show").innerHTML = leftTime;
            }

        }
</script>

二,倒计时(以秒为单位)

  <span id="LeftTime"></span>
  <!-- 输出 :剩余0天7小时34分41秒 -->

<script type="text/javascript">
        function FreshTime() {
            var endtime = new Date("2018/10/9,21:29:00");//结束时间
            var nowtime = new Date();//当前时间
            var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); // 剩余时间
            d = parseInt(lefttime / 3600 / 24);   // 剩余天数
            h = parseInt((lefttime / 3600) % 24); // 剩余小时数
            m = parseInt((lefttime / 60) % 60); // 剩余分钟数
            s = parseInt(lefttime % 60);    // 剩余秒数

            document.getElementById("LeftTime").innerHTML = "剩余" + d + "天" + h + "小时"
                    + m + "分" + s + "秒";

            if (lefttime <= 0) {
                document.getElementById("LeftTime").innerHTML = "团购已结束";
                clearInterval(sh);
            }
        }
        FreshTime()
        var sh;
        sh = setInterval(FreshTime, 1000); // 每秒钟执行一次

</script>

猜你喜欢

转载自blog.csdn.net/qq_37968920/article/details/82981356