简单的实现页面倒计时js

简单的实现页面倒计时js

<script>
    function ShowCountDown(year,month,day,hour,minute,second) {
        var now = new Date();
        var endDate = new Date(year,month-1,day,hour,minute,second);
        var leftTime = endDate.getTime() - now.getTime();
        var dd = parseInt(leftTime / 1000 / 60 / 60 / 24, 10);//计算剩余的天数
        var hh = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数
        var mm = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟数
        var ss = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
        dd = checkTime(dd);
        hh = checkTime(hh);
        mm = checkTime(mm);
        ss = checkTime(ss);
        document.getElementById("s_day").innerHTML = dd;
        document.getElementById("s_time").innerHTML = hh;
        document.getElementById("s_minute").innerHTML = mm;
        document.getElementById("s_second").innerHTML = ss;
    }
    function checkTime(i) {
        if (i < 10) {
            i = "0" + i;
        }
        return i;
    }
    window.setInterval(function () { ShowCountDown(2017,10,10,00,00,00); }, 1000);
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,362评论 25 709
  • iOS 的倒计时有多种实现细节,Cocoa Touch 为我们提供了 NSTimer 类和 GCD 的dispat...
    waylen阅读 11,701评论 36 44
  • 随笔集|鱼非 【待你撞破城墙,我为你红颜薄命】 若城墙为你轻浮, 洪水为你平静, 我便为你, 开城。 一日堪比一...
    鱼非阿阅读 1,813评论 0 3
  • 最近又在网上了购买了一本叫《最曼妙的风景,是内心的宁静》经典散文书,这本书是我一个爱好文学的朋友推荐给我看的。 对...
    智在必得阅读 1,605评论 0 0
  • 本文章转载于搜狗测试 平时的测试工作中,小伙伴们有时会遇到重复做一些操作的场景,比如反复点击某个按钮,验证被测程序...
    夜境阅读 11,102评论 0 0