一、获取倒计时

最新推荐文章于 2022-12-30 18:23:22 发布

努力吧少年-珊珊

最新推荐文章于 2022-12-30 18:23:22 发布

阅读量210

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/weixin_36792339/article/details/81586394

版权

css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script>
</head>
<body>
    <div id="time">
    </div>

</body>
<script type="text/javascript">
$(function(){
    var endtime=new Date("2018/11/11 00:00:00");//定义最终时间

    var time=document.getElementById("time");

    setInterval(autoplay,1000);

    function autoplay()
    {
        var date=new Date();
        var ms=endtime.getTime()-date.getTime();//累计毫秒差
        var s=parseInt(ms/1000);//累计秒差

        //s/3600得到的小时数，小时数/24就是天数量 取整
        var day=parseInt(s/3600/24);

        //区域24得到不够一天的小时数
        var hour=parseInt(s/3600%24);

        //累计分数取余得到不够一小时的哪些分数
        var minute =parseInt(s/60%60);

        //累计分数取余得到不够一小时的哪些秒数
        var second=parseInt(s%60);

        time.innerHTML="距离抢购时间还有"+day+"天"+hour+"小时"+minute+"分"+second+"秒";

    }
})
</script>
</html>