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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
JavaScript小技巧 2.5 则
Sep 12 Javascript
用js实现小球的自由移动代码
Apr 22 Javascript
jquery 中ajax执行的优先级
Jun 22 Javascript
jQuery插件支持同一页面被多次调用
Feb 14 Javascript
BootStrap3使用错误记录及解决办法
Dec 22 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
Jan 19 Javascript
Node.js爬取豆瓣数据实例分析
Mar 05 Javascript
微信小程序多音频播放进度条问题
Aug 28 Javascript
微信小程序实现人脸识别登陆的示例代码
Apr 02 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 Javascript
JavaScript实现抖音罗盘时钟
Oct 11 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 XML备份Mysql数据库
2009/05/27 PHP
Yii中CArrayDataProvider和CActiveDataProvider区别实例分析
2016/03/02 PHP
CodeIgniter常用知识点小结
2016/05/26 PHP
简单JS代码压缩器
2006/10/12 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
Javascript实现重力弹跳拖拽运动效果示例
2013/06/28 Javascript
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
异步动态加载JS并运行(示例代码)
2013/12/13 Javascript
JS将制定内容复制到剪切板示例代码
2014/02/11 Javascript
利用a标签自动解析URL分析网址实例
2014/10/20 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
jquery ui resize 中border-box的bug修正
2015/04/26 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
jQuery的extend方法【三种】
2016/12/14 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
2017/03/23 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
2019/07/22 jQuery
Django1.7+python 2.78+pycharm配置mysql数据库教程
2014/11/18 Python
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
Python简单实现自动删除目录下空文件夹的方法
2017/08/29 Python
python+django+sql学生信息管理后台开发
2018/01/11 Python
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
The North Face意大利官网:服装、背包和鞋子
2020/06/17 全球购物
上海方立数码笔试题
2013/10/18 面试题
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
学期自我评价
2014/01/27 职场文书
面试后感谢信
2014/02/01 职场文书
精彩的广告词
2014/03/19 职场文书
中学生旷课检讨书2篇
2014/10/09 职场文书
2014年高中教师工作总结
2014/12/19 职场文书
【海涛dota解说】DCG联赛第一周 LGD VS DH
2022/04/01 DOTA
关于windows server 2012 DC 环境 重启后蓝屏代码:0xc00002e2的问题
2022/05/25 Servers