一个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 相关文章推荐
firefox中JS读取XML文件
Dec 21 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
vue-loader教程介绍
Jun 14 Javascript
vue实现图书管理demo详解
Oct 17 Javascript
利用Javascript开发一个二维周视图日历
Dec 14 Javascript
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
详解Webpack多环境代码打包的方法
Aug 03 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
如何实现一个webpack模块解析器
Oct 24 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
重置版游戏视频
2020/04/09 魔兽争霸
php创建多级目录代码
2008/06/05 PHP
php 分页函数multi() discuz
2009/06/21 PHP
深入解析PHP的引用计数机制
2013/06/14 PHP
php生成扇形比例图实例
2013/11/06 PHP
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
2013/08/05 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
jquery单行文字向上滚动效果的实现代码
2014/09/05 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
2015/01/29 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
2015/08/24 Javascript
jQuery simpleModal插件的使用介绍
2016/08/30 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
2018/07/26 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
详解auto-vue-file:一个自动创建vue组件的包
2019/04/26 Javascript
了解Javascript中函数作为对象的魅力
2019/06/19 Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
2019/11/01 jQuery
javascript实现fetch请求返回的统一拦截
2019/12/22 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
Python正规则表达式学习指南
2016/08/02 Python
Python进阶之递归函数的用法及其示例
2018/01/31 Python
一篇文章读懂Python赋值与拷贝
2018/04/19 Python
python3+PyQt5实现自定义流体混合窗口部件
2018/04/24 Python
Python实现的爬虫刷回复功能示例
2018/06/07 Python
如何在Django项目中引入静态文件
2019/07/26 Python
解决TensorFlow调用Keras库函数存在的问题
2020/07/06 Python
手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤
2020/08/07 Python
迎国庆主题班会
2015/08/17 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
2019个人半年工作总结
2019/06/21 职场文书
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技
SQL bool盲注和时间盲注详解
2022/07/23 SQL Server