jsp中以服务器时间作为起始,显示时钟的小程序

来源:互联网 发布:招聘淘宝模特 编辑:程序博客网 时间:2024/05/06 23:15

一般的网页都有这种功能:在页面上动态显示当前时间,这个的实现也很简单,基本上一行代码就实现了

<span id="curTime"></span>
<script type="text/javascript"><!--
setInterval("curTime.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
// --></script>


我在做OA的一个考勤程序时,要动态显示服务器的时间,让员工知道当前是否可以下班,而客户机由于种种原因时间与服务器并不一致,所以不能用上面的代码,改进了一下:
<span id="curTime"></span>
<script type="text/javascript"><!--
// 页面要开始计时的日期(一般是服务器日期),比如2010-01-12 11:34:55开始计时
var beginAdd = new Date(2010,0,12,11,34,55);
var beginDate = new Date();
    function ShowTime() {
     var now = new Date();
     var diff = (now - beginDate);
     beginAdd.setMilliseconds(beginAdd.getMilliseconds() + diff);
     beginDate = now;
document.getElementById("curTime").innerHTML = beginAdd.toLocaleString()+' 星期'+'日一二三四五六'.charAt(beginAdd.getDay());
}
    setInterval("ShowTime();",1000);
// --></script>


最后加上一个meizz的格式化函数(略有修正),最终版如下:
<span id="curTime"></span>
<script type="text/javascript"><!--

// 页面要开始计时的日期(一般是服务器日期),比如2010-01-12 11:34:55开始计时
var beginAdd = new Date(2010,0,12,11,34,55);
var beginDate = new Date();
    function abc() {
     var now = new Date();
     var diff = (now - beginDate);
     beginAdd.setMilliseconds(beginAdd.getMilliseconds() + diff);
     beginDate = now;
document.getElementById("curTime").innerHTML = beginAdd.format("yyyy年MM月dd日 hh:mm:ss 星期W");
}
    setInterval("abc();",1000);

    Date.prototype.format = function(format) {
     var obj =
     {
     "M+": this.getMonth() + 1, //返回实际月份
     "d+": this.getDate(), //返回当月第几天
     "h+": this.getHours(), //返回小时
     "m+": this.getMinutes(), //返回分钟
     "s+": this.getSeconds(), //返回秒
     "q+": Math.floor((this.getMonth() + 3) / 3), //返回第几个季度
     "S": this.getMilliseconds(), //返回毫秒
     "w": this.getDay(), //返回星期几,0为星期日
     "W": "日一二三四五六".charAt(this.getDay()) //返回星期几的中文表示
     }

     // 年的单独处理
     if (/(y+)/.test(format))
     format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
     // 其它格式处理
     for (var k in obj) {
     if (new RegExp("(" + k + ")").test(format))
     format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? obj[k] : ("00" + obj[k]).substr(("" + obj[k]).length));
     }
     return format;
    }
// --></script>

 

原创粉丝点击