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 具有全范围的运算符
Oct 01 Javascript
JavaScript中yield实用简洁实现方式
Jun 12 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
JavaScript模板入门介绍
Sep 26 Javascript
javascript setinterval 的正确语法如何书写
Jun 17 Javascript
2014最热门的JavaScript代码高亮插件推荐
Nov 25 Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 Javascript
浅谈JS中json数据的处理
Jun 30 Javascript
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
详解如何在react中搭建d3力导向图
Jan 12 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
Feb 09 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
Jun 10 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
Zend的MVC机制使用分析(一)
2013/05/02 PHP
php检测用户是否用手机(Mobile)访问网站的类
2014/01/09 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
php+mysqli使用面向对象方式查询数据库实例
2015/01/29 PHP
php获取文件类型和文件信息的方法
2015/07/10 PHP
php指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
2017/07/10 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
PHP+redis实现微博的推模型案例分析
2019/07/10 PHP
jQuery+css+html实现页面遮罩弹出框
2013/03/21 Javascript
jQuery Mobile操作HTML5的常用函数总结
2016/05/17 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
2018/01/08 jQuery
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
JS实现求5的阶乘示例
2019/01/21 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
2020/04/03 Javascript
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
python编写爬虫小程序
2015/05/14 Python
python利用装饰器进行运算的实例分析
2015/08/04 Python
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
python计算列表内各元素的个数实例
2018/06/29 Python
使用pycharm在本地开发并实时同步到服务器
2019/08/02 Python
python requests证书问题解决
2019/09/05 Python
TensorFlow2.0矩阵与向量的加减乘实例
2020/02/07 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
新西兰演唱会和体育门票网站:Ticketmaster新西兰
2017/10/07 全球购物
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
事假请假条范文
2014/04/11 职场文书
跑操口号
2014/06/12 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
公安学专业求职信
2014/07/27 职场文书
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
班主任师德师风自我剖析材料
2014/10/02 职场文书
员工年度工作总结2015
2015/05/18 职场文书
保留意见审计报告
2015/06/05 职场文书