javascript实时显示北京时间的方法

 更新时间:2015年03月12日 10:18:33   作者:pyawen  
这篇文章主要介绍了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程序设计有所帮助。

相关文章

  • webpack将js打包后的map文件详解

    webpack将js打包后的map文件详解

    下面小编就为大家分享一篇webpack将js打包后的map文件详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • 使用Bootstrap和Vue实现用户信息的编辑删除功能

    使用Bootstrap和Vue实现用户信息的编辑删除功能

    这篇文章主要介绍了使用Bootstrap和Vue实现用户信息的编辑删除功能,需要的朋友可以参考下
    2017-10-10
  • 微信小程序自定义导航隐藏和显示功能

    微信小程序自定义导航隐藏和显示功能

    这篇文章主要介绍了微信小程序自定义导航隐藏和显示功能,需要的朋友可以参考下
    2017-06-06
  • javascript实现仿银行密码输入框效果的代码

    javascript实现仿银行密码输入框效果的代码

    这篇文章通过实例代码给大家介绍了javascript实现仿银行密码输入框效果,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2007-12-12
  • JS实现打砖块游戏

    JS实现打砖块游戏

    这篇文章主要为大家详细介绍了JS实现打砖块游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • JavaScript Function函数类型介绍

    JavaScript Function函数类型介绍

    在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例;而且都与其他引用类型一样具有属性和方法
    2015-04-04
  • uni-app微信小程序登录授权的实现

    uni-app微信小程序登录授权的实现

    这篇文章主要介绍了uni-app微信小程序登录授权的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • 深入了解JavaScript的逻辑运算符(与、或)

    深入了解JavaScript的逻辑运算符(与、或)

    本篇文章分享的是 JS 当中的逻辑运算符与、或,也就是 && 、 || ,没错,别看这简简单单的几个运算符,虽然这是最基础的知识,但其中隐藏的奥秘却十分耐人寻味,接下来本文就为大家一一揭开这简单的运算符背后的奇妙之处。
    2016-12-12
  • iscroll.js的上拉下拉刷新时无法回弹的解决方法

    iscroll.js的上拉下拉刷新时无法回弹的解决方法

    本文给大家分享的是在IOS浏览器中使用iscroll.js的上拉下拉刷新时当手指划出屏幕后无法回弹的解决方法,希望对大家能够有所帮助。
    2016-02-02
  • BootstrapTable请求数据时设置超时(timeout)的方法

    BootstrapTable请求数据时设置超时(timeout)的方法

    使用bootstrapTable获取数据时,有时由于网络或者服务器的原因,无法及时获取到数据,页面显示一直处于等待状态。为了改善效果,考虑设置超时,请求发送后超时即显示无数据,过段时间重新发起请求
    2017-01-01

最新评论