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 相关文章推荐
js 未结束的字符串常量错误解决方法
Jun 13 Javascript
如何确保JavaScript的执行顺序 之实战篇
Mar 03 Javascript
jQuery+HTML5实现图片上传前预览效果
Aug 20 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
解析利用javascript如何判断一个数为素数
Dec 08 Javascript
JS实现仿PS的调色板效果完整实例
Dec 21 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
基于dataset的使用和图片延时加载的实现方法
Dec 11 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
Sep 29 Javascript
vue组件命名和props命名代码详解
Sep 01 Javascript
Vue中通过vue-router实现命名视图的问题
Apr 23 Javascript
vue响应式原理与双向数据的深入解析
Jun 04 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
如何使用“PHP” 彩蛋进行敏感信息获取
2013/08/07 PHP
Zend Framework教程之Zend_Db_Table用法详解
2016/03/21 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
PHP自定义函数实现assign()数组分配到模板及extract()变量分配到模板功能示例
2018/05/23 PHP
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
BOOM vs RR BO5 第三场 2.14
2021/03/10 DOTA
摘自启点的main.js
2008/04/20 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
javascript 另一种图片滚动切换效果思路
2012/04/20 Javascript
简单选项卡 js和jquery制作方法分享
2014/02/26 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
AngularJS中$http使用的简单介绍
2017/03/17 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
微信小程序云开发实现数据添加、查询和分页
2019/05/17 Javascript
vue实现简单全选和反选功能
2020/09/15 Javascript
[02:36]DOTA2上海特锦赛 回忆电竞生涯的重要瞬间
2016/03/25 DOTA
Python3.0与2.X版本的区别实例分析
2014/08/25 Python
在Django的视图中使用form对象的方法
2015/07/18 Python
python函数形参用法实例分析
2015/08/04 Python
浅谈编码,解码,乱码的问题
2016/12/30 Python
Python通过paramiko远程下载Linux服务器上的文件实例
2018/12/27 Python
python 自定义装饰器实例详解
2019/07/20 Python
利用Python脚本批量生成SQL语句
2020/03/04 Python
python 通过文件夹导入包的操作
2020/06/01 Python
国贸专业的职业规划范文
2014/01/23 职场文书
股权收购意向书
2014/04/01 职场文书
社区服务活动报告
2015/02/05 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python
MySQL 5.7常见数据类型
2021/07/15 MySQL
mysql聚集索引、辅助索引、覆盖索引、联合索引的使用
2022/02/12 MySQL
Spring Boot项目如何优雅实现Excel导入与导出功能
2022/06/10 Java/Android
MySQL自定义函数及触发器
2022/08/05 MySQL