网页时钟 

    <html>
  <head>
    <title>加载事件</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        function getDateTime(){
            //创建日期对象
            var date=new Date();
            //定义分钟标准
            var minutes=date.getMinutes();
            if(minutes<10){
                minutes="0"+minutes;
            }
            //获取日期字符串

            var dateStr = date.getFullYear()+"/"+
            (date.getMonth()+1)+"/"
            +date.getDate()+"&nbsp;"+date.getHours()+":"+minutes
            +":"+date.getSeconds();
            var dateTip=document.getElementById("dateTip");
            //将日期内容设置到span区域中去
            dateTip.innerHTML=dateStr;
        }
        //设置定时器，每个多少毫秒调用1次任务（函数）
        window.setInterval("getDateTime()",1000);
    </script>
  </head>
  <body onload="getDateTime()">
     当前的日期为：<span id="dateTip"></span>
  </body>
</html>
posted @ 2016-11-22 16:10  第五个世界  阅读(127)  评论(0)  编辑  收藏  举报