javascript电子时钟

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/pangqiandou/article/details/52643382
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
    <title>javascript电子时钟</title>
    <script type="text/javascript" language="JavaScript">
        <!--
       /* var str="2016-19-50";
        var arr=str.split("-");
        document.write("字符串"+str+"进行分割后的数组:<br>");
        for(var i=0;i<arr.length;i++)
        {
            document.write("arr["+i+"]="+arr[i]+"<br>");
        }*/
       function realSysTime() {
            var now=new Date();
            var year=now.getFullYear();
            var month=now.getMonth();
            var day=now.getDay();
            var hour=now.getHours();
            var minute=now.getMinutes();
            var second=now.getSeconds();
            month=month+1;
            var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
           var week=arr_week[day];
            var time=year+""+month+""+day+""+week+""+hour+":"+minute+":"+second;
         var clock1=document.getElementById("clock");
            clock1.innerHTML="当前时间:"+time;
        }
        window.onload=function()
        {
           // var clock1=document.getElementById("clock");
            window.setInterval("realSysTime()",1000);
        }
        -->
    </script>
    <style>
        #clock{
            border:1px solid #00ff00;
        }
    </style>
</head>
<body>
<!--如果您在 label 元素内点击文本,就会触发此控件。
就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。-->
<div id="clock">
</div>
</body>
</html>
展开阅读全文

没有更多推荐了,返回首页