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 自动分号插入(JavaScript synat:auto semicolon insertion)
Nov 04 Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
关于Javascript 对象(object)的prototype
May 09 Javascript
jQuery事件绑定和委托实例
Nov 25 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
Aug 11 Javascript
js滚轮事件兼容性问题需要注意哪些
Nov 15 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
js图片放大镜效果实现方法详解
Oct 28 Javascript
JavaScript函数绑定用法实例分析
Nov 14 Javascript
angular 内存溢出的问题解决
Jul 12 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 Vue.js
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
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
一个颜色轮换的简单例子
2006/10/09 PHP
PHP 伪静态隐藏传递参数名的四种方法
2010/02/22 PHP
PHP中使用register_shutdown_function函数截获fatal error示例
2015/04/21 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
Js实现网页键盘控制翻页的方法
2014/10/30 Javascript
完善的jquery处理机制
2016/02/21 Javascript
Ionic快速安装教程
2016/06/03 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
2016/06/24 Javascript
JS实现的适合做faq或menu滑动效果示例
2016/11/17 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
python删除服务器文件代码示例
2018/02/09 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
python matplotlib库绘制散点图例题解析
2019/08/10 Python
python3.6编写的单元测试示例
2019/08/17 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
python爬虫开发之Request模块从安装到详细使用方法与实例全解
2020/03/09 Python
Python基于numpy模块实现回归预测
2020/05/14 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
个人应聘自我评价分享
2013/11/18 职场文书
个人简历自荐信
2013/12/05 职场文书
本科生的职业生涯规划范文
2014/01/09 职场文书
护理专业自荐信范文
2014/02/26 职场文书
经销商订货会主持词
2014/03/27 职场文书
工厂搬迁方案
2014/05/11 职场文书
教师节感想
2015/08/11 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
2019奶茶店创业计划书范本!
2019/07/15 职场文书
php 原生分页
2021/04/01 PHP