一个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,超强推荐base.js
Dec 23 Javascript
使用Post提交时须将空格转换成加号的解释
Jan 14 Javascript
javascript中创建对象的几种方法总结
Nov 01 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
js中settimeout方法加参数的使用实例
Feb 27 Javascript
AngularJS基础 ng-mouseleave 指令详解
Aug 02 Javascript
js表单登陆验证示例
Oct 19 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
Jan 13 Javascript
Javascript中的prototype与继承
Feb 06 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
Vue中的组件及路由使用实例代码详解
May 22 Javascript
详解JavaScript数据类型和判断方法
Sep 04 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下保存远程图片到本地的办法
2010/08/08 PHP
php 文章调用类代码
2011/08/11 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
JavaScript OOP类与继承
2009/11/15 Javascript
再谈javascript 动态添加样式规则 W3C校检
2009/12/25 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
2013/05/07 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
javascript获取xml节点的最大值(实现代码)
2013/12/11 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
2016/05/09 Javascript
JavaScript禁止复制与粘贴的实现代码
2016/05/16 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
JS判断微信扫码的方法
2017/08/07 Javascript
jQuery菜单实例(全选,反选,取消)
2017/08/28 jQuery
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
Vue.js的动态组件模板的实现
2018/11/26 Javascript
基于Vue CSR的微前端实现方案实践
2020/05/27 Javascript
基于Vant UI框架实现时间段选择器
2020/12/24 Javascript
[46:00]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第一局
2016/03/03 DOTA
简单使用Python自动生成文章
2014/12/25 Python
为Python的web框架编写前端模版的教程
2015/04/30 Python
基于pandas将类别属性转化为数值属性的方法
2018/07/25 Python
python实现剪切功能
2019/01/23 Python
Python列表(List)知识点总结
2019/02/18 Python
python对象转字典的两种实现方式示例
2019/11/07 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
计算Python Numpy向量之间的欧氏距离实例
2020/05/22 Python
举例详解HTML5中使用JSON格式提交表单
2015/06/16 HTML / CSS
成教自我鉴定
2013/10/27 职场文书
地理科学专业自荐信
2014/09/01 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
稽核岗位职责范本
2015/04/13 职场文书
2019年暑期安全广播稿!
2019/07/03 职场文书
Redis全局ID生成器的实现
2022/06/05 Redis
html中两种获取标签内的值的方法
2022/06/16 jQuery