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


Posted in Javascript onOctober 12, 2015

我们先来看下这段代码

$(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);
});
Javascript 相关文章推荐
最新优化收藏到网摘代码(digg,diigo)
Feb 07 Javascript
延时重复执行函数 lLoopRun.js
May 08 Javascript
javascript中的prototype属性实例分析说明
Aug 09 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 Javascript
node.js中的url.format方法使用说明
Dec 10 Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
Vue生命周期示例详解
Apr 12 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
在vue中利用v-html按分号将文本换行的例子
Nov 14 Javascript
JS如何实现封装列表右滑动删除收藏按钮
Jul 23 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
Oct 12 #Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
Oct 12 #Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
Oct 12 #Javascript
jquery实现可自动判断位置的弹出层效果代码
Oct 12 #Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
Oct 12 #Javascript
JavaScript实现上下浮动的窗口效果代码
Oct 12 #Javascript
javascript函数式编程程序员的工具集
Oct 11 #Javascript
You might like
提高PHP编程效率的53个要点(经验小结)
2010/09/04 PHP
php curl获取网页内容(IPV6下超时)的解决办法
2013/07/16 PHP
关于PHP开发的9条建议
2015/07/27 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
一个JS翻页效果
2007/07/23 Javascript
ext form 表单提交数据的方法小结
2008/08/08 Javascript
js函数setTimeout延迟执行的简单介绍
2013/07/17 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
2014/12/08 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
JS函数内部属性之arguments和this实例解析
2018/10/07 Javascript
JavaScript递归函数定义与用法实例分析
2019/01/24 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
原生js实现分页效果
2020/09/23 Javascript
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
[01:11:21]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第一场 3月6日
2021/03/11 DOTA
简单介绍Python中利用生成器实现的并发编程
2015/05/04 Python
python字符类型的一些方法小结
2016/05/16 Python
python shell根据ip获取主机名代码示例
2017/11/25 Python
python卸载后再次安装遇到的问题解决
2019/07/10 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
在matplotlib中改变figure的布局和大小实例
2020/04/23 Python
Python爬虫获取页面所有URL链接过程详解
2020/06/04 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
医学护理系毕业生求职信
2013/10/01 职场文书
护理自荐信范文
2013/10/05 职场文书
求职自荐信
2013/12/14 职场文书
文秘大学生求职信
2014/02/25 职场文书
市场拓展计划书
2014/05/03 职场文书
班级出游活动计划书
2014/08/15 职场文书
2015年学校教务处工作总结
2015/05/11 职场文书
六年级数学教学反思
2016/02/16 职场文书