一个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每次Title显示不同的名言
Sep 25 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
Mar 07 Javascript
jquery弹出框的用法示例(2)
Aug 26 Javascript
jquery制作弹窗提示窗口代码分享
Mar 02 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
Bootstrap3 Grid system原理及应用详解
Sep 30 Javascript
对称加密与非对称加密优缺点详解
Feb 06 Javascript
js获取地址栏参数的两种方法
Jun 27 Javascript
前端主流框架vue学习笔记第一篇
Jul 26 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
JS排序算法之冒泡排序,选择排序与插入排序实例分析
Dec 13 Javascript
5分钟快速掌握JS中var、let和const的异同
Sep 19 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中eclipse 用空格替换 tab键
2013/06/24 PHP
php版微信发红包接口用法示例
2016/09/23 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
js实现单行文本向上滚动效果实例代码
2013/11/28 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
js由下向上不断上升冒气泡效果实例
2015/05/07 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
node基于puppeteer模拟登录抓取页面的实现
2018/05/09 Javascript
基于rollup的组件库打包体积优化小结
2018/06/18 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
解决vue+router路由跳转不起作用的一项原因
2020/07/19 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
python中迭代器(iterator)用法实例分析
2015/04/29 Python
Python的SimpleHTTPServer模块用处及使用方法简介
2018/01/22 Python
python简单商城购物车实例代码
2018/03/15 Python
Python爬虫框架scrapy实现downloader_middleware设置proxy代理功能示例
2018/08/04 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
python中元组的用法整理
2020/06/15 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
Coach澳大利亚官方网站:美国著名时尚奢侈品牌
2017/05/24 全球购物
荷兰音乐会和音乐剧门票订购网站:Topticketshop
2019/08/27 全球购物
欧洲最古老的鞋厂:Peter Kaiser
2019/11/05 全球购物
美国专业消费电子及摄影器材网站:B&H Photo Video
2019/12/18 全球购物
J2EE模式面试题
2016/10/11 面试题
高中语文教学反思
2014/01/16 职场文书
个人党性分析材料
2014/12/19 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
致运动员赞词
2015/07/22 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
AngularJS实现多级下拉框
2022/03/25 Javascript
Java 多态分析
2022/04/26 Java/Android