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


Posted in Javascript onMarch 12, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
Javascript Tab 导航插件 (23个)
Jun 11 Javascript
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
用JS生成UUID的方法实例
Mar 30 Javascript
Javascript的动态增加类的实现方法
Oct 20 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
Vue父子模版传值及组件传值的三种方法
Nov 27 Javascript
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
js删除数组中某几项的方法总结
Jan 16 Javascript
vue 实现input表单元素的disabled示例
Oct 28 Javascript
解决vue中的无限循环问题
Jul 27 Javascript
jquery实现焦点图片随机切换效果的方法
Mar 12 #Javascript
JavaScript数据结构与算法之栈详解
Mar 12 #Javascript
jQuery实现简单的日期输入格式化控件
Mar 12 #Javascript
Javascript数据结构与算法之列表详解
Mar 12 #Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
Mar 12 #Javascript
基于jquery实现的自动补全功能
Mar 12 #Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 #Javascript
You might like
PHP syntax error, unexpected $end 错误的一种原因及解决
2008/10/25 PHP
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
PHP @ at 记号的作用示例介绍
2014/10/10 PHP
thinkphp下MySQL数据库读写分离代码剖析
2017/04/18 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
2018/04/21 PHP
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
学习JavaScript的最佳方法分享
2011/10/21 Javascript
UpdatePanel和Jquery冲突的解决方法
2013/04/01 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
js清除input中type等于file的值域(示例代码)
2013/12/24 Javascript
JSON格式化输出
2014/11/10 Javascript
jquery制作多功能轮播图插件
2015/04/02 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
CSS中position属性之fixed实现div居中
2015/12/14 Javascript
jquery实现简单的遮罩层
2016/01/08 Javascript
javaScript知识点总结(必看篇)
2016/06/10 Javascript
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
vue路由嵌套的SPA实现步骤
2017/11/06 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
生产制造追溯系统之在线打印功能
2019/06/03 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
[02:41]《西雅图我们来了》2015国际邀请赛出征全记录
2015/07/23 DOTA
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
基于Python实现定时自动给微信好友发送天气预报
2018/10/25 Python
numpy.array 操作使用简单总结
2019/11/08 Python
Python高阶函数、常用内置函数用法实例分析
2019/12/26 Python
如何利用input事件来监听移动端的输入
2016/04/15 HTML / CSS
英国网上自行车商店:Tredz Bikes
2019/10/29 全球购物
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
北大研究生linux应用求职信
2013/10/29 职场文书
初中成绩单评语
2014/12/29 职场文书
工会工作个人总结
2015/03/03 职场文书
2015团员个人年度总结
2015/11/24 职场文书