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中获取出错代码所在文件及行数的代码
Sep 23 Javascript
JS生成随机字符串的多种方法
Jun 10 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
利用原生JS自动生成文章标题树的实例
Aug 22 Javascript
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 Javascript
React全家桶环境搭建过程详解
May 18 Javascript
深入浅析var,let,const的异同点
Aug 07 Javascript
iview Upload组件多个文件上传的示例代码
Sep 30 Javascript
JS无限级导航菜单实现方法
Jan 05 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 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
Laravel中间件实现原理详解
2016/10/09 PHP
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
js实现在字符串中提取数字
2013/11/05 Javascript
JS只能输入正整数的简单实例
2016/10/07 Javascript
JS经典正则表达式笔试题汇总
2016/12/15 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
聊聊Vue.js的template编译的问题
2017/10/09 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
jquery获取元素到屏幕四周可视距离的方法
2018/09/05 jQuery
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
JS实现简易计算器
2020/02/14 Javascript
教大家玩转Python字符串处理的七种技巧
2017/03/31 Python
python 3.5下xadmin的使用及修复源码bug
2017/05/10 Python
关于Django外键赋值问题详解
2017/08/13 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
Python socket实现的简单通信功能示例
2018/08/21 Python
python进程和线程用法知识点总结
2019/05/28 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
Django 框架模型操作入门教程
2019/11/05 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
canvas如何实现多张图片编辑的图片编辑器
2020/03/10 HTML / CSS
南非领先的在线旅行社:Travelstart南非
2016/09/04 全球购物
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
大学应届毕业生个人求职信
2013/09/23 职场文书
七年级数学教学反思
2014/01/22 职场文书
小学生安全演讲稿
2014/04/25 职场文书
学生鉴定评语大全
2014/05/05 职场文书
创建青年文明号材料
2014/05/09 职场文书
优秀家长事迹材料
2014/05/17 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
党员自我评价范文2015
2015/03/03 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang
CSS实现背景图片全屏铺满自适应的3种方式
2022/07/07 HTML / CSS