js利用时间戳动态显示系统时间距指定时间的时间差

来源:互联网 发布:广东尚趣网络怎么样 编辑:程序博客网 时间:2024/05/21 22:59

原文地址:http://kevin12.iteye.com/blog/1930365

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script type="text/javascript" src="jquery.1.11.3.min.js"></script>
    <script type="text/javascript">
    var dataTime = "1472370099";
    //时间戳转dddd-mm-dd HH24:hh:MM:ss
    var d = new Date(dataTime * 1000);
    var date = (d.getFullYear()) + "-" + (d.getMonth() + 1) + "-" + (d.getDate()) + "-" + (d.getHours()) + ":" + (d.getMinutes()) + ":" + (d.getSeconds());
    var startTime = date;
    console.info(startTime)
    function count() {
        var currTime = new Date(); //当前时间  
        //将xxxx-xx-xx的时间格式,转换为 xxxx/xx/xx的格式  
        startTime = startTime.replace(/\-/g, "/");
        var sTime = new Date(startTime);
        var totalTime = currTime.getTime() - sTime.getTime();
        var days = parseInt(totalTime / parseInt(1000 * 60 * 60 * 24));
        totalTime = totalTime % parseInt(1000 * 60 * 60 * 24);
        var hours = parseInt(totalTime / parseInt(1000 * 60 * 60));
        totalTime = totalTime % parseInt(1000 * 60 * 60);
        var minutes = parseInt(totalTime / parseInt(1000 * 60));
        totalTime = totalTime % parseInt(1000 * 60);
        var seconds = parseInt(totalTime / parseInt(1000));
        var time = "";
        if (days >= 1) {
            time = days + "天" + hours + "时" + minutes + "分" + seconds + "秒";
        } else if (hours >= 1) {
            time = hours + "时" + minutes + "分" + seconds + "秒";
        } else if (minutes >= 1) {
            time = minutes + "分" + seconds + "秒";
        } else {
            time = seconds + "秒";
        }
        document.getElementById("div1").innerHTML = "耗时:" + time;
        setTimeout("count()", 1000);
    }
    window.onload = count;
    </script>
    <style>
    .myDiv,
    p {
        margin: 0 auto;
        margin-top: 80px;
        width: 500px;
        color: red;
    }
    </style>
</head>


<body>
    <div class="myDiv">
        <div id="div1"></div>
    </div>
</body>


</html>
0 0
原创粉丝点击