一个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 相关文章推荐
jQueryUI的Dialog的简单封装
Jun 07 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
Jul 11 Javascript
用Jquery实现滚动新闻
Feb 12 Javascript
jquery组件使用中遇到的问题整理及解决
Feb 21 Javascript
基于JavaScript实现焦点图轮播效果
Mar 27 Javascript
vue.js实现简单轮播图效果
Oct 10 Javascript
javascript少儿编程关于返回值的函数内容
May 27 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
Dec 03 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
Feb 21 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
Apr 08 Javascript
vue实现计算器功能
Feb 22 Javascript
Javascript地址引用代码实例解析
Feb 25 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
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
解析php通过cookies获取远程网页的指定代码
2013/06/25 PHP
codeigniter上传图片不能正确识别图片类型问题解决方法
2014/07/25 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
WordPress JQuery处理沙发头像
2009/06/22 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
基于javascript实现表格的简单操作
2016/05/21 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
2016/12/19 Javascript
H5实现仿flash效果的实现代码
2017/09/29 Javascript
element-ui中的select下拉列表设置默认值方法
2018/08/24 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
jQuery 筛选器简单操作示例
2019/10/02 jQuery
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
vue 根据选择的月份动态展示日期对应的星期几
2021/02/06 Vue.js
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
python实现ip代理池功能示例
2019/07/05 Python
Django中的用户身份验证示例详解
2019/08/07 Python
Django框架模板用法入门教程
2019/11/04 Python
python路径的写法及目录的获取方式
2019/12/26 Python
python中用ggplot绘制画图实例讲解
2021/01/26 Python
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
西班牙香水和化妆品购物网站:Arenal Perfumerías
2019/03/01 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
总经理岗位职责说明书
2014/07/30 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
2015年保送生自荐信
2015/03/24 职场文书
2016元旦文艺汇演主持词
2015/07/06 职场文书
讲座新闻稿
2015/07/18 职场文书
小学英语教学经验交流材料
2015/11/02 职场文书
社区志愿者服务心得体会
2016/01/22 职场文书
Windows 11要来了?微软文档揭示Win11太阳谷 / Win10有两个不同版本
2021/11/21 数码科技