1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <meta charset="UTF-8">
    5.         <title></title>
    6.     </head>
    7.   <body>
    8.     <script>
    10.         /*
    11.          * 案例分析：
    12.          * (1)核心算法：输入的时间减去现在的时间就是剩余时间，即倒计时
    13.          * (2)用时间戳来做，用户输入时间总的毫秒数，减去现在时间总的毫秒数，就是剩余时间的毫秒数
    14.          * (3)把剩余时间总的毫秒数转化为天，时，分，秒(时间戳转化时分秒)
    15.          */
    17.         /*
    18.          * 转换公式如下：
    19.          * d=parseInt(总秒数/60/60/24);    计算天数
    20.          * h=parseInt(总秒数/60/60%24);    计算小时
    21.          * m=parseInt(总秒数/60%60);        计算分钟
    22.          * s=parseInt(总秒数%60);        计算秒    
    23.          */
    25.         function timeDown(time){
    27.             //返回用户输入时间总的毫秒数
    28.             var inputTime=+new Date(time);
    30.             //返回当前时间总的毫秒数
    31.             var nowTime=+new Date();
    33.             //剩余时间总的秒数
    34.             var leftTime=(inputTime-nowTime)/1000;
    36.             var d=parseInt(leftTime/60/60/24);
    37.             d=d<10?"0"+d:d;
    39.             var h=parseInt(leftTime/60/60%24);
    40.             h=h<10?"0"+h:h;
    42.             var m=parseInt(leftTime/60%60);
    43.             m=m<10?"0"+m:m;
    45.             var s=parseInt(leftTime%60);
    46.             s=s<10?"0"+s:s;
    48.             return d+" "+h+" "+m+" "+s;        
    49.         }
    51.     </script>
    52.     </body>
    53. </html>