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在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
简短几句 通俗解释javascript的闭包
Jan 17 Javascript
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 Javascript
jquery 列表双向选择器之改进版
Aug 09 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
JavaScript对内存分配及管理机制详细解析
Nov 11 Javascript
JavaScript保留两位小数的2个自定义函数
May 05 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
Jan 08 Javascript
Vue.js 动态为img的src赋值方法
Mar 14 Javascript
详解vue中this.$emit()的返回值是什么
Apr 07 Javascript
Javascript异步编程async实现过程详解
Apr 02 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实现文件与16进制相互转换的方法示例
2017/02/16 PHP
laravel 数据迁移与 Eloquent ORM的实现方法
2019/04/12 PHP
CLASS_CONFUSION JS混淆 全源码
2007/12/12 Javascript
javascript 写类方式之七
2009/07/05 Javascript
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
通过js动态操作table(新增,删除相关列信息)
2012/05/23 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
canvas 绘制圆形时钟
2017/02/22 Javascript
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
JavaScript迭代器的含义及用法
2019/06/21 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
基于JS实现table导出Excel并保留样式
2020/05/19 Javascript
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python max内置函数详细介绍
2016/11/17 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
详解Python进阶之切片的误区与高级用法
2018/12/24 Python
Python 正则表达式匹配字符串中的http链接方法
2018/12/25 Python
python实现dijkstra最短路由算法
2019/01/17 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
Python多进程编程常用方法解析
2020/03/26 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
HTML5的文档结构和新增标签完全解析
2017/04/21 HTML / CSS
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
俄罗斯披萨、寿司和面食送货到家服务:2 Берега
2019/12/15 全球购物
幼儿园教师辞职信
2014/01/18 职场文书
优秀实习生感言
2014/03/01 职场文书
房产买卖委托公证书
2014/04/04 职场文书
学术诚信承诺书
2014/05/26 职场文书
导游欢送词
2015/01/31 职场文书
内乡县衙导游词
2015/02/05 职场文书
Python万能模板案例之matplotlib绘制甘特图
2022/04/13 Python