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 相关文章推荐
input+select(multiple) 实现下拉框输入值
May 21 Javascript
JS简单实现元素复制示例附图
Nov 19 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
Sep 02 Javascript
使用js画图之画切线
Jan 12 Javascript
JQuery自适应窗口大小导航菜单附源码下载
Sep 01 Javascript
JS实现自定义简单网页软键盘效果代码
Nov 05 Javascript
AngularJS基础 ng-class-odd 指令示例
Aug 01 Javascript
详解Node.Js如何处理post数据
Sep 19 Javascript
Node.js 数据加密传输浅析
Nov 16 Javascript
js如何获取图片url的Blob值并预览示例代码
Mar 07 Javascript
layui table 多行删除(id获取)的方法
Sep 12 Javascript
AJAX实现指定部分页面刷新效果
Oct 16 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动态绑定变量的用法
2015/06/16 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
tp5修改(实现即点即改)
2019/10/18 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
jquery购物车实时结算特效实现思路
2013/09/23 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
javascript实现浏览器窗口传递参数的方法
2014/09/03 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
jquery+ajax实现省市区三级联动效果简单示例
2017/01/04 Javascript
jQuery实现别踩白块儿网页版小游戏
2017/01/18 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
2017/06/02 jQuery
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
浅谈node模块与npm包管理工具
2018/01/03 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
Vue强制组件重新渲染的方法讨论
2020/02/03 Javascript
python list 合并连接字符串的方法
2013/03/09 Python
Python中还原JavaScript的escape函数编码后字符串的方法
2014/08/22 Python
python 全局变量的import机制介绍
2017/09/07 Python
python制作抖音代码舞
2019/04/07 Python
Pyqt5 基本界面组件之inputDialog的使用
2019/06/25 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
柯基袜:Corgi Socks
2017/01/26 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
双立人加拿大官网:Zwilling加拿大
2020/08/10 全球购物
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
建筑设计所实习生自我鉴定
2013/09/25 职场文书
大学生毕业求职找工作的自我评价
2013/09/29 职场文书
小学生秋游活动方案
2014/02/23 职场文书
建议书怎么写
2014/03/12 职场文书
政风行风整改报告
2014/11/06 职场文书
2014年信访工作总结
2014/11/17 职场文书
2015年第十五个全民国防教育日宣传活动方案
2015/05/06 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书