DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript實時顯示北京時間的方法教程
javascript實時顯示北京時間的方法教程
編輯:關於JavaScript     

本文實例講述了javascript實時顯示北京時間的方法。分享給大家供大家參考。具體如下:

該頁面中實時顯示北京時間,更改時區也可以作為顯示世界時間,代碼如下:
代碼如下:<script type="text/javascript">
Date.prototype.strftime = function(format){
    var o = {
      "M+" :  this.getMonth()+1,  //month
      "d+" :  this.getDate(),     //day
      "h+" :  this.getHours(),    //hour
      "m+" :  this.getMinutes(),  //minute
      "s+" :  this.getSeconds(), //second
      "q+" :  Math.floor((this.getMonth()+3)/3),  //quarter
      "S"  :  this.getMilliseconds() //millisecond
    }
    if(/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
    }
   for(var k in o) {
    if(new RegExp("("+ k +")").test(format)) {
      format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
    }
   }
    return format;
}
function UTCToLocalTimeString(d, format) {   
     var   timeOffsetInHours = (new Date().getTimezoneOffset()/60)  + -10;   
    d.setHours(d.getHours() + timeOffsetInHours);
    return d.strftime(format);
}
</script>
<script >
    setInterval(function(){var time = UTCToLocalTimeString(new Date(),'yyyy/MM/dd hh:mm:ss');document.getElementById("bjTime").innerHTML = time;},1000);
</script>
<span  id="bjTime"></span>

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved