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 load()加载GB2312页面时出现乱码的两种方案
Sep 10 Javascript
按下回车键指向下一个位置的一个函数代码
Mar 10 Javascript
js实现的倒计时按钮实例
Jun 24 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
Mar 17 Javascript
vue2.0实现导航菜单切换效果
May 08 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
JavaScript动态绑定详解
Sep 14 Javascript
修改node.js默认的npm安装目录实例
May 15 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
Aug 29 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 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.MVC的模板标签系统(二)
2006/09/05 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
Symfony2中被遗弃的getRequest()方法分析
2016/03/17 PHP
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
jQuery学习总结之jQuery事件
2014/06/30 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
2015/11/25 Javascript
javascript先序遍历DOM树的方法
2016/02/27 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
JavaScript动态添加css样式和script标签
2016/07/19 Javascript
JS实现购物车特效
2017/02/02 Javascript
JavaScript之面向对象_动力节点Java学院整理
2017/06/29 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
React应用中使用Bootstrap的方法
2017/08/15 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
2018/08/08 jQuery
扫微信小程序码实现网站登陆实现解析
2019/08/20 Javascript
Node 代理访问的实现
2019/09/19 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
Javascript实现关闭广告效果
2021/01/29 Javascript
跟老齐学Python之复习if语句
2014/10/02 Python
python中反射用法实例
2015/03/27 Python
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
python itchat实现微信好友头像拼接图的示例代码
2017/08/14 Python
python九九乘法表的实例
2017/09/26 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
Python 实现进度条的六种方式
2021/01/06 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
Under Armour瑞典官方网站:美国高端运动科技品牌
2018/11/21 全球购物
什么时候需要进行强制类型转换
2016/09/03 面试题
教师自我鉴定范文
2013/11/10 职场文书
社区关爱留守儿童活动方案
2014/08/22 职场文书
纪念九一八事变83周年国旗下讲话稿
2014/09/15 职场文书
协议书范文
2015/01/27 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python