面试题1：实现今年倒计时功能

最新推荐文章于 2020-11-09 21:34:13 发布

学而不思则罔-思而不学则殆

最新推荐文章于 2020-11-09 21:34:13 发布

阅读量359

点赞数 1

文章转载：https://blog.csdn.net/lxcao/article/details/60326503

在网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示”XX年还剩XX天XX时XX分XX秒”

<!DOCTYPEHTML>
<html>
    <head>
        <meta http-equiv=" "Content-Type" "content=" "text/html;charset=UTF-8" ">
        <title>倒计时</title>
    </head>
    <body>
      <input type=" "text" " value=" " id="input" size=" "500" ">

    <script>    
    var txt= document.getElementById("input");
    setInterval(function () {
        //获取系统当前时间
        var now = new Date();
        //实例化今年跨年时间   2019/1/1  这里的0表示1月份
        var targDate = new Date(now.getFullYear() + 1, 0, 1);
        //跨年时间与此时此刻时间差（毫秒）
        var long = targDate - now;
        var leftDay = parseInt(long/ 1000 / 60 / 60 / 24);
        long = long % (1000 * 60 * 60 * 24);
        var leftHour =parseInt(long / 1000 / 60 / 60);
        long = long % (1000 * 60 * 60);
        var leftMinute = parseInt(long / 1000 / 60) ;
        long = long % (1000 * 60 );
        var leftSeconde = parseInt(long / 1000);
        txt.value= now.getFullYear() +"年还剩" + leftDay
                + "天" +leftHour + "时"+leftMinute+"分"+leftSeconde+"秒";
    }, 1000);

</script> 
    </body>
</html>

最终效果：

学而不思则罔-思而不学则殆

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
面试题1：实现今年倒计时功能

文章转载：https://blog.csdn.net/lxcao/article/details/60326503在网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示”XX年还剩XX天XX时XX分XX秒”&lt;!DOCTYPEHTML&gt;&lt;html&gt; &lt;head&gt; &lt;meta http-equiv=" "Conte...
复制链接

扫一扫