动态实现客户端系统时间的显示

来源:互联网 发布:移花接木软件下载 编辑:程序博客网 时间:2024/05/01 05:46

用js显示当先系统时间是大多数网站都会有的,下面是我写的代码,有些不足的地方还请高手指点

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>My JSP 'sytemTime.jsp' starting page</title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    


    <script type="text/javascript">
    window.onload = function() {
    alert("进行测试");
   
   window.setInterval("display(document.getElementById('clock'))", 1000);  
    }
    function display(ele) {
    var date = new Date();
    this.year = date.getYear();
    this.month = date.getMonth() + 1;
    this.date = date.getDate();
   
    this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];  
  this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();  
  this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();  
  this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();  
 
     
      ele.innerHTML = "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day; 
    }
    </script>
  </head>
  
  <body>
    <span id="clock"></span>
  </body>
</html>
原创粉丝点击