zoukankan      html  css  js  c++  java
  • Javascript (js) 倒计时显示当年剩下的天时分秒


    一道JS大面试题

    题目在网页里倒计时显示当年剩下的天时分秒,格式:XX年还剩下X天X时X分X秒

            (function() {
                
    var day = hour = minitus = second = ms = 0;
                
    var year = new Date().getFullYear() + 1;
                
    var tmp = new Date(year, 01- new Date(); day = Math.floor(tmp / 86400000);
                (
    function() {
                    tmp 
    = (new Date(year, 01- new Date()) % 86400000;
                    hour 
    = Math.floor(tmp / 3600000);
                    tmp 
    %= 3600000;
                    minitus 
    = Math.floor(tmp / 60000);
                    tmp 
    %= 60000;
                    second 
    = Math.floor(tmp / 1000);
                    ms 
    = tmp - 1000 * second;
                    
                    document.getElementById(
    "m1").innerHTML = "距离" + year + "年还有 " + day + " 天 " + hour + " 小时 " + minitus + " 分 " + second + " 秒 " + ms;
                    setTimeout(arguments.callee, 
    50);
                })(); 
            })();

    为了优化代码,day只计算了一次。hour,minitus,second,ms则放在里层反复计算

    一道JS大面试题
    <!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=gb2312" />
    <title>一道JS面试题</title>
    <style>
    body
    {
     font-size
    :12px;
     font-family
    :"微软雅黑";
     line-height
    :1.8;
    }
    </style>
    </head>

    <body>
    <h3>一道JS大面试题</h3>
    <p>题目在网页里倒计时显示当年剩下的天时分秒,格式:XX年还剩下X天X时X分X秒</p>
    <div id="m1"></div>
    <script type="text/javascript">
    (
    function(){
     
    var day=hour=minitus=second=ms=0;
     
    var year=new Date().getFullYear()+1;
     
    var tmp=new Date(year,0,1)-new Date();
     day
    =Math.floor(tmp/86400000);
     (function(){
      tmp
    =(new Date(year,0,1)-new Date())%86400000;
      hour
    =Math.floor(tmp/3600000);
      tmp%=3600000;
      minitus
    =Math.floor(tmp/60000);
      tmp%=60000;
      second
    =Math.floor(tmp/1000);
      ms=tmp-1000*second;
      
      document.getElementById(
    "m1").innerHTML="距离"+year+"年还有 "+day+" 天 "+hour+" 小时 "+minitus+" 分 "+second+" 秒 "+ms;
      setTimeout(arguments.callee,
    50);
     })();
    })();
    </script>
    </body>
    </html>



  • 相关阅读:
    事例学习开发WEBSERVER服务器(一)
    一个简单的减法程序看看基本功
    Linux 网络编程一步一步学(三)循环读取服务器上的数据
    screen配置——screenrc
    ubuntu NGINX LUA安装
    Linux 网络编程一步一步学(二)绑定IP 和端口
    git常用命令
    浅谈算法——冒泡排序
    ack 安装和使用事例
    Linux 网络编程一步一步学(六)客户/服务端通信
  • 原文地址:https://www.cnblogs.com/didi/p/1715409.html
Copyright © 2011-2022 走看看