一个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 相关文章推荐
单击某一段文字改写文本颜色
Jun 06 Javascript
JavaScript数组对象赋值用法实例
Aug 04 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
May 12 Javascript
用JS中split方法实现彩色文字背景效果实例
Aug 24 Javascript
概述jQuery中的ajax方法
Dec 16 Javascript
超全面的JavaScript开发规范(推荐)
Jan 21 Javascript
详解angular2实现ng2-router 路由和嵌套路由
Mar 24 Javascript
利用Javascript获取选择文本所在的句子详解
Dec 03 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
Mar 08 Javascript
JS html事件冒泡和事件捕获操作示例
May 01 Javascript
浅谈TypeScript的类型保护机制
Feb 23 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执行速率优化技巧小结
2008/03/15 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
php数组生成html下拉列表的方法
2015/07/20 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
功能强大的PHP发邮件类
2016/08/29 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
修改Laravel自带的认证系统的User类的命名空间的步骤
2019/10/15 PHP
Javascript Select操作大集合
2009/05/26 Javascript
基于jQuery的倒计时插件代码
2011/05/07 Javascript
纯js网页画板(Graphics)类简介及实现代码
2012/12/24 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
浅析Jquery操作select
2016/12/13 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
vue中路由参数传递可能会遇到的坑
2017/12/07 Javascript
详解VueJs中的V-bind指令
2018/05/03 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
详解微信小程序之提高应用速度小技巧
2020/01/07 Javascript
[04:02]2014DOTA2国际邀请赛 BBC每日综述中国战队将再度登顶
2014/07/21 DOTA
使用Python3中的gettext模块翻译Python源码以支持多语言
2015/03/31 Python
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
Python版名片管理系统
2018/11/30 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
2020/03/17 HTML / CSS
linux面试题参考答案(8)
2015/08/11 面试题
环境工程大学生自荐信
2013/10/21 职场文书
教导处工作制度
2014/01/18 职场文书
挂职自我鉴定
2014/02/26 职场文书
2014年党务公开实施方案
2014/02/27 职场文书
企业业务员岗位职责
2014/03/14 职场文书
小学安全汇报材料
2014/08/14 职场文书
幸福来敲门观后感
2015/06/04 职场文书
中秋节作文(五年级)之关于月亮
2019/09/11 职场文书