一个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 相关文章推荐
jQuery制作效果超棒的手风琴折叠菜单
Apr 03 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
Apr 12 Javascript
JS实现页面内跳转的简单代码
Sep 03 Javascript
vuejs前后端数据交互之从后端请求数据的实例
Aug 11 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
Jun 03 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
Aug 14 Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 Javascript
详解Vue2的diff算法
Jan 06 Vue.js
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 命令行参数详解及应用
2011/05/18 PHP
PHP 动态生成静态HTML页面示例代码
2014/01/15 PHP
PHP GD库生成图像的几个函数总结
2014/11/19 PHP
php实现简单的上传进度条
2015/11/17 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
2017/10/19 PHP
javascript 动态添加事件代码
2008/11/30 Javascript
深入了解javascript中的prototype与继承
2013/04/14 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
js中获取 table节点各tr及td的内容简单实例
2016/10/14 Javascript
angular和BootStrap3实现购物车功能
2017/01/25 Javascript
js实现三级联动效果(简单易懂)
2017/03/27 Javascript
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
javascript异步处理与Jquery deferred对象用法总结
2019/06/04 jQuery
javascript设计模式 ? 单例模式原理与应用实例分析
2020/04/09 Javascript
[05:08]2014DOTA2国际邀请赛 Hao专访复仇的胜利很爽
2014/07/15 DOTA
[34:41]夜魇凡尔赛茶话会 第二期02:你画我猜
2021/03/11 DOTA
详谈Python基础之内置函数和递归
2017/06/21 Python
pycharm 主题theme设置调整仿sublime的方法
2018/05/23 Python
python 集合 并集、交集 Series list set 转换的实例
2018/05/29 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
python3实现往mysql中插入datetime类型的数据
2020/03/02 Python
超全Python图像处理讲解(多模块实现)
2020/04/13 Python
python opencv pytesseract 验证码识别的实现
2020/08/28 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
matplotlib绘制鼠标的十字光标的实现(内置方式)
2021/01/06 Python
python实现马丁策略回测3000只股票的实例代码
2021/01/22 Python
用CSS3实现背景渐变的方法
2015/07/14 HTML / CSS
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
英国现代家具和照明购物网站:Heal’s
2019/10/30 全球购物
为什么Runtime.exec(“ls”)没有任何输出?
2014/10/03 面试题
销售主管竞聘书
2014/03/31 职场文书
导游词之丹东鸭绿江
2019/10/24 职场文书
Vue详细的入门笔记
2021/05/10 Vue.js
node.js使用express-fileupload中间件实现文件上传
2021/07/16 Javascript