javascript real time display of Beijing time method

  • 2020-05-16 06:18:08
  • OfStack

This article illustrates the real-time display of Beijing time by javascript. Share with you for your reference. The details are as follows:

Beijing time is displayed in real time on this page. Changing the time zone can also be used to display the world time. The code is as follows:

<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>

I hope this article is helpful for you to design javascript program.


Related articles: