js的时间函数实现一个电子表

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body  onload="startime()">//这里的onload的用途就是页面在被加载的时候，就执行了函数startime()
        <div id="div" style="border: 1px solid royalblue;floating:left; margin:0 auto; display:inline;"></div>
        <script>
            
             //var  date=new Date();
            // document.write(date);
            //document.write(date.getFullYear());//输出的是年份
            //document.write(date.getDay());//输出的是具体的星期几
            //document.write(date.getTime());//输出的是一个时间戳
            //date.setFullYear(2011,2,3);//自己设置了时间
            //document.write(date);
            function startime(){
                var t=new Date();//创建一个date的对象，才可以引用相关的date
                var h=t.getHours();
                var m=t.getMinutes();
                var s=t.getSeconds();
                document.getElementById("div").innerHTML=h+':'+m+':'+s;
                m=checktime(m);
                s=checktime(s);
                t=setTimeout("startime()",500 );//注意一下函数的的参数的使用，第一个参数是要加上引号的，这里呢重新调用了原来的函数，实现了刷新的功能
                                                 //第二个参数是表示刷新的时间，500表示的是0.5秒
            }
            function checktime(i) {//这里只是为了美观一点  ，在个位数的面前，将数字的显示+一个0
                if(i<10)
                {
                    i="0"+i;
                }
                return i;
            }
        </script>
    </body>
</html>
<!--
    作者：327569753@qq.com
    时间：2017-03-11
    描述：时间戳的定义：
    时间戳是指格林威治时间1970年01月01日00时00分00秒
    (北京时间1970年01月01日08时00分00秒)起至现在的总秒数。
-->
复制代码

 

posted @   阿鸠  阅读(3416)  评论(0)  编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示