一个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 相关文章推荐
基于mootools插件实现遮罩层新手引导
May 24 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
Nov 04 Javascript
JS去除iframe滚动条的方法
Apr 01 Javascript
javascript清空table表格的方法
May 14 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 Javascript
jQuery 操作input中radio的技巧
Jul 18 Javascript
DOM 事件的深入浅出(二)
Dec 05 Javascript
使用 Vue.js 仿百度搜索框的实例代码
May 09 Javascript
VUE简单的定时器实时刷新的实现方法
Jan 20 Javascript
vue自定义指令directive的使用方法
Apr 07 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 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
[EPIC] Larva vs Flash ZvT @ Crossing Field [2017-10-09]
2020/03/17 星际争霸
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
php检测文本的编码
2015/07/26 PHP
thinkPHP+PHPExcel实现读取文件日期的方法(含时分秒)
2016/07/07 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
Jquery调用webService远程访问出错的解决方法
2010/05/21 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
2014/10/16 Javascript
jQuery实现优雅的弹窗效果(6)
2017/02/08 Javascript
webpack 静态资源集中输出的方法示例
2018/11/09 Javascript
RxJS的入门指引和初步应用
2019/06/15 Javascript
非常漂亮的js烟花效果
2020/03/10 Javascript
js实现拾色器插件(ColorPicker)
2020/05/21 Javascript
Vue3为什么这么快
2020/09/23 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
[01:18:35]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第一场 1月29日
2021/03/11 DOTA
详解Python中的各种函数的使用
2015/05/24 Python
利用matplotlib+numpy绘制多种绘图的方法实例
2017/05/03 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
Python登录注册验证功能实现
2018/06/18 Python
Linux下python制作名片示例
2018/07/20 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
Python 动态导入对象,importlib.import_module()的使用方法
2019/08/28 Python
使用canvas压缩图片大小的方法示例
2019/08/02 HTML / CSS
优秀士兵个人事迹材料
2014/01/19 职场文书
党员公开承诺书范文
2014/03/25 职场文书
班干部演讲稿
2014/04/24 职场文书
师范生求职信
2014/06/14 职场文书
异地年检委托书范本
2014/09/24 职场文书
民事和解协议书格式
2014/11/29 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
离婚案件上诉状
2015/05/23 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python
MySQL系列之十五 MySQL常用配置和性能压力测试
2021/07/02 MySQL
JavaScript函数柯里化
2021/11/07 Javascript
MySQL七大JOIN的具体使用
2022/02/28 MySQL