一个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日期范围初始化得到前一个月日期的方法
May 05 Javascript
浅析jQuery中使用$所引发的问题
May 29 Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 Javascript
Javascript之面向对象--方法
Dec 02 Javascript
javascript中的try catch异常捕获机制用法分析
Dec 14 Javascript
vue-router路由简单案例介绍
Feb 21 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
Sep 01 Javascript
JS实现十分钟倒计时代码实例
Oct 18 Javascript
js array数组对象操作方法汇总
Mar 18 Javascript
Weex开发之地图篇的具体使用
Oct 16 Javascript
解决VUEX的mapState/...mapState等取值问题
Jul 24 Javascript
小程序自动化测试的示例代码
Aug 11 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
人工智能开始玩《星际争霸2》 你的操作跟得上吗?
2017/08/11 星际争霸
在任意字符集下正常显示网页的方法一
2007/04/01 PHP
PHP中break及continue两个流程控制指令区别分析
2011/04/18 PHP
pdo中使用参数化查询sql
2011/08/11 PHP
php中url函数介绍及使用示例
2014/02/13 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
PHP单例模式模拟Java Bean实现方法示例
2018/12/07 PHP
让您的菜单不离网站
2006/10/03 Javascript
各种效果的jquery ui(接口)介绍
2008/09/17 Javascript
jQuery的链式调用浅析
2010/12/03 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
2015/11/26 Javascript
JavaScript jquery及AJAX小结
2016/01/24 Javascript
Javascript基础教程之比较null和undefined值
2016/05/16 Javascript
分分钟玩转Vue.js组件(二)
2017/03/01 Javascript
JS实现弹出下载对话框及常见文件类型的下载
2017/07/13 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
2017/08/25 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
python通过文件头判断文件类型
2015/10/30 Python
python实现图片文件批量重命名
2020/03/23 Python
Python之指数与E记法的区别详解
2019/11/21 Python
python实现while循环打印星星的四种形状
2019/11/23 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
UNIX文件名称有什么规定
2013/03/25 面试题
介绍一下你对SOA的认识
2016/04/24 面试题
物业公司采购员岗位职责
2013/12/31 职场文书
女生节标语
2014/06/26 职场文书
学校安全责任书范本
2014/07/23 职场文书
年终工作总结范文2014
2014/11/27 职场文书
学校党风廉政建设调研报告
2015/01/01 职场文书
董事长秘书岗位职责
2015/02/13 职场文书
党员转正大会主持词
2015/07/02 职场文书