一个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 相关文章推荐
js 学习笔记(三)
Dec 29 Javascript
判断多个input type=file是否有已经选择好文件的代码
May 23 Javascript
javascript刷新父页面的各种方法汇总
Sep 03 Javascript
运行Node.js的IIS扩展iisnode安装配置笔记
Mar 02 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
Sep 04 Javascript
JS简单实现获取元素的封装操作示例
Apr 07 Javascript
JavaScript事件处理程序详解
Sep 19 Javascript
自定义PC微信扫码登录样式写法
Dec 12 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
May 17 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
vue.js Router中嵌套路由的实用示例
Jun 27 Vue.js
JS高级程序设计之class继承重点详解
Jul 07 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和redis实现秒杀活动的流程
2019/07/17 PHP
多广告投放代码 推荐
2006/11/13 Javascript
你需要知道的JavsScript可以做什么?
2007/06/29 Javascript
javascript 建设银行登陆键盘
2008/06/10 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
2013/08/05 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
javascript 动态创建表格的2种方法总结
2015/03/04 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
JavaScript操作select元素和option的实例代码
2016/01/29 Javascript
easyui validatebox验证
2016/04/29 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
2016/09/20 Javascript
JavaScript评论点赞功能的实现方法
2017/03/13 Javascript
详解ES6 Symbol 的用途
2018/10/14 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
python网络编程示例(客户端与服务端)
2014/04/24 Python
python执行外部程序的常用方法小结
2015/03/21 Python
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
shelve  用来持久化任意的Python对象实例代码
2016/10/12 Python
python实现二维码扫码自动登录淘宝
2016/12/27 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
python用fsolve、leastsq对非线性方程组求解
2018/12/15 Python
Python类的继承、多态及获取对象信息操作详解
2019/02/28 Python
Python面向对象思想与应用入门教程【类与对象】
2019/04/12 Python
使用Pandas将inf, nan转化成特定的值
2019/12/19 Python
python连接PostgreSQL过程解析
2020/02/09 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
python 用opencv实现霍夫线变换
2020/11/27 Python
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
安全检查管理制度
2014/02/02 职场文书
安卓程序员求职信
2014/02/28 职场文书
五四青年节优秀演讲稿范文
2014/05/28 职场文书
python基础之匿名函数详解
2021/04/21 Python