js 倒计时精确到毫秒

最新推荐文章于 2020-12-22 12:30:32 发布

转载最新推荐文章于 2020-12-22 12:30:32 发布 · 955 阅读

文章标签：

#js

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS时间倒计时</title>
<script type="text/javascript">
    var time_now_server,time_now_client,time_end,time_server_client,timerID;
      
    time_end = new Date("2014/04/04 00:00:00");//结束的时间
    time_end = time_end.getTime();
      
    time_now_server = new Date();//开始的时间
    time_now_server = time_now_server.getTime();
      
    time_now_client = new Date();
    time_now_client = time_now_client.getTime();
      
    time_server_client = time_now_server - time_now_client;
      
    setTimeout("show_time()",1000);
      
    function show_time()
    {
        var timer = document.getElementById("timer");
        if (!timer){
            return ;
        }
        timer.innerHTML = time_server_client;
 
        var time_now,time_distance,str_time;
        var int_day,int_hour,int_minute,int_second;
        var time_now = new Date();
        time_now = time_now.getTime() + time_server_client;
        time_distance = time_end - time_now;
        if (time_distance > 0){
            int_day = Math.floor(time_distance/86400000)
            time_distance -= int_day*86400000;
            int_hour = Math.floor(time_distance/3600000)
            time_distance -= int_hour*3600000;
            int_minute = Math.floor(time_distance/60000)
            time_distance -= int_minute*60000;
            int_second = Math.floor(time_distance/1000)
            time_distance -= int_second*1000;
            int_millisecond = Math.floor(time_distance/1)
 
            if (int_day < 10)
                int_day = "0" + int_day;
            if (int_hour < 10)
                int_hour = "0" + int_hour;
            if (int_minute < 10)
                int_minute = "0" + int_minute;
            if (int_second < 10)
                int_second = "0" + int_second;
            if (int_millisecond > 9 && int_millisecond < 100) {
                int_millisecond = "0" + int_millisecond;
            } else if (int_millisecond < 10) {
                int_millisecond = "00" + int_millisecond;
            } else {
                int_millisecond = int_millisecond;
            }
            str_time = int_day + "天" + int_hour + "小时" + int_minute + "分钟" + int_second + "秒" + int_millisecond + "毫秒";
            timer.innerHTML = str_time;
            setTimeout("show_time()",10);
 
        }else{
            //timer.innerHTML = timer.innerHTML;
            timer.innerHTML = "到期";
            clearTimeout(timerID);
        }
    }
</script>
</head>
  
<body>
<div id="timer">这里会被替换成例如：**天**小时**分钟**秒</div>
<script type="text/javascript">show_time();</script>
</body>
</html>