一个php+js实时显示时间问题

 更新时间:2015年10月12日 12:01:31   投稿:hebedich  
本文给大家分享的是解决的php+js实时显示时间问题,主要是自己当时的理解有问题,也许大家有和我一样的情况,这里分享给大家

我们先来看下这段代码

$(function(){

setInterval(function(){
var timer = '<?php echo date("Y-m-d H:i:s",time()) ?>';
$("#test").append(timer);
},500);
});

这段代码哪里有问题,为啥网页加载后网页一直是那个时间不会变呢?php和js的加载机制有啥不同?

这样是不对的,php代码在输出前被解释,浏览器收到的代码应该是这个样子的

$(function(){
 
setInterval(function(){
var timer = '2015-01-02 12:02:02';
$("#test").append(timer);
},500);
});

这样,当你定时更新的都是一个定值
修改如下

// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, 
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 
// 例子: 
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 
// (new Date()).Format("yyyy-M-d h:m:s.S")   ==> 2006-7-2 8:9:4.18 
Date.prototype.Format = function (fmt) { //author: meizz 
  var o = {
    "M+": this.getMonth() + 1, //月份 
    "d+": this.getDate(), //日 
    "h+": this.getHours(), //小时 
    "m+": this.getMinutes(), //分 
    "s+": this.getSeconds(), //秒 
    "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
    "S": this.getMilliseconds() //毫秒 
  };
  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  for (var k in o)
  if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  return fmt;
}
 
$(function(){
 
setInterval(function(){
var timer = new Date().Format("yyyy-MM-dd HH:mm:ss");
$("#test").append(timer);
},500);
});

相关文章

  • iframe子父页面调用js函数示例

    iframe子父页面调用js函数示例

    iframe子页面调用父页面js函数及iframe父页面调用子页面js函数在实际项目中都是很实用的,下面有个不错的示例,感兴趣的朋友可以了解下
    2013-11-11
  • 解决微信小程序scroll-view组件无横向滚动的问题

    解决微信小程序scroll-view组件无横向滚动的问题

    这篇文章主要介绍了微信小程序scroll-view组件无横向滚动的解决方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-02-02
  • javascript封装 Cookie 应用接口

    javascript封装 Cookie 应用接口

    本文通过几个简单的示例向大家展示了javascript封装cookie的注意事项及操作方法,非常的简单实用,最后附上一则具体实例,有需要的小火把可以参考下。
    2015-08-08
  • javascript实现全角转半角的方法

    javascript实现全角转半角的方法

    这篇文章主要介绍了javascript实现全角转半角的方法,涉及JavaScript字符串遍历与编码转换的相关技巧,需要的朋友可以参考下
    2016-01-01
  • HTML5之WebSocket入门3 -通信模型socket.io

    HTML5之WebSocket入门3 -通信模型socket.io

    socket.io能为程序员提供客户端和服务端一致的编程体验,socket.io支持任何的浏览器,任何的Mobile设备。下面通过本篇文章给大家讲解HTML5之WebSocket入门3 -通信模型socket.io,需要的朋友可以参考下
    2015-08-08
  • JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解

    JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解

    这篇文章主要介绍了JavaScript学习笔记之基于定时器实现图片无缝滚动功能,结合实例形式分析了javascript定时器与页面元素属性动态设置等相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • js 获取元素所有兄弟节点的实现方法

    js 获取元素所有兄弟节点的实现方法

    下面小编就为大家带来一篇js 获取元素所有兄弟节点的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • JavaScript图像放大镜效果实现方法详解

    JavaScript图像放大镜效果实现方法详解

    这篇文章主要介绍了JavaScript图像放大镜效果实现方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • js将html页面转为pdf两种方法

    js将html页面转为pdf两种方法

    最近遇到的需求,把html转成pdf文件下载导出,下面这篇文章主要给大家介绍了关于js将html页面转为pdf的两种方法,文中给出了详细的代码示例,需要的朋友可以参考下
    2023-08-08
  • asp 的 分词实现代码

    asp 的 分词实现代码

    asp 的 分词实现代码...
    2007-05-05

最新评论