一个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 相关文章推荐
javascript中的location用法简单介绍
Mar 07 Javascript
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
JS实现图片无间断滚动代码汇总
Jul 30 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
May 12 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
Dec 27 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
Jun 03 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 Javascript
js实现图片跟随鼠标移动效果
Oct 16 Javascript
vue实现在v-html的html字符串中绑定事件
Oct 28 Javascript
微信小程序抽奖组件的使用步骤
Jan 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
xajax写的留言本
2006/11/25 PHP
轻松修复Discuz!数据库
2008/05/03 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
用HTML/JS/PHP方式实现页面延时跳转的简单实例
2016/07/18 PHP
Firefox和IE浏览器兼容JS脚本写法小结
2008/07/07 Javascript
JavaScript 空位补零实现代码
2010/02/26 Javascript
input的focus方法使用
2010/03/13 Javascript
基于jQuery的简单的列表导航菜单
2011/03/02 Javascript
jQuery操作select的实例代码
2012/06/14 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
2015/07/01 Javascript
chrome调试javascript详解
2015/10/21 Javascript
Javascript小技能总结(推荐)
2016/06/02 Javascript
js Canvas绘制圆形时钟教程
2017/02/06 Javascript
Angular项目中$scope.$apply()方法的使用详解
2017/07/26 Javascript
JavaScript实现简单图片轮播效果
2017/08/21 Javascript
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
jQuery判断自定义属性data-val用法示例
2019/01/07 jQuery
微信小程序之下拉列表实现方法解析(附完整源码)
2019/08/23 Javascript
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
Python利用pyHook实现监听用户鼠标与键盘事件
2014/08/21 Python
简单上手Python中装饰器的使用
2015/07/12 Python
python logging重复记录日志问题的解决方法
2018/07/12 Python
对Python中小整数对象池和大整数对象池的使用详解
2019/07/09 Python
Python代码执行时间测量模块timeit用法解析
2020/07/01 Python
tensorflow2.0教程之Keras快速入门
2021/02/20 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
白宫黑市官网:White House Black Market
2016/11/17 全球购物
求职推荐信
2013/10/28 职场文书
学雷锋志愿者活动方案
2014/08/21 职场文书
工作调动申请报告
2015/05/18 职场文书
关于童年的读书笔记
2015/06/26 职场文书
仓库管理制度范本
2015/08/04 职场文书
电力企业职工培训心得体会
2016/01/11 职场文书
如何使用php生成zip压缩包
2021/04/21 PHP
MySQL系列之十一 日志记录
2021/07/02 MySQL