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 相关文章推荐
jquery隔行换色效果实现方法
Jan 15 Javascript
angular简介和其特点介绍
Jan 29 Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 Javascript
详解JavaScript UTC时间转换方法
Jan 07 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
浅谈js算法和流程控制
Dec 29 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
Feb 08 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 Javascript
vue项目前端知识点整理【收藏】
May 13 Javascript
ios中视频的最后一桢问题解决
May 14 Javascript
微信小程序使用蓝牙小插件
Sep 23 Javascript
使用vue实现通过变量动态拼接url
Jul 22 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
在PHP3中实现SESSION的功能(三)
2006/10/09 PHP
ajax+php打造进度条代码[readyState各状态说明]
2010/04/12 PHP
本地机apache配置基于域名的虚拟主机详解
2013/08/10 PHP
php中出现空白页的原因及解决方法汇总
2014/07/08 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
2016/01/14 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
PHP实现数组向任意位置插入,删除,替换数据操作示例
2019/04/05 PHP
JS对URL字符串进行编码/解码分析
2008/10/25 Javascript
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
Ext grid 添加右击菜单
2009/11/26 Javascript
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
Webpack实现按需打包Lodash的几种方法详解
2017/05/08 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
element的el-table中记录滚动条位置的示例代码
2019/11/06 Javascript
jQuery擦除插件eraser使用方法详解
2020/01/11 jQuery
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
跟老齐学Python之list和str比较
2014/09/20 Python
通过Python 接口使用OpenCV的方法
2018/04/02 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
Python面向对象之类和对象实例详解
2018/12/10 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
Python selenium自动化测试模型图解
2020/04/15 Python
pip安装提示Twisted错误问题(Python3.6.4安装Twisted错误)
2020/05/09 Python
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
化工专业大学生职业生涯规划书
2014/01/14 职场文书
创先争优制度
2014/01/21 职场文书
班级课外活动总结
2014/07/09 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
检讨书格式
2015/05/07 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
python源码剖析之PyObject详解
2021/05/18 Python
Python中22个万用公式的小结
2021/07/21 Python