一个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中获取Radio元素值的方法
Jul 02 Javascript
js实现卡片式项目管理界面UI设计效果
Dec 08 Javascript
AngularJS入门教程中SQL实例详解
Jul 27 Javascript
js实现显示手机号码效果
Mar 09 Javascript
Three.js的使用及绘制基础3D图形详解
Apr 27 Javascript
js,jq,css多方面实现简易下拉菜单功能
May 13 Javascript
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
vue-router中scrollBehavior的巧妙用法
Jul 09 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
微信小程序 调用微信授权窗口相关问题解决
Jul 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
实用函数10
2007/11/08 PHP
PHP 引用文件技巧
2010/03/02 PHP
删除html标签得到纯文本可处理嵌套的标签
2014/04/28 PHP
php中smarty实现多模版网站的方法
2015/06/11 PHP
php实现图片等比例缩放代码
2015/07/23 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
Yii框架操作cookie与session的方法实例详解
2019/09/04 PHP
Thinkphp5.0 框架的请求方式与响应方式分析
2019/10/14 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
ExtJS下grid的一些属性说明
2009/12/13 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
jQuery原生的动画效果
2015/07/10 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
2015/07/27 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
2016/10/15 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
原生js实现淘宝放大镜效果
2020/10/28 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
python获得两个数组交集、并集、差集的方法
2015/03/27 Python
在Python中使用zlib模块进行数据压缩的教程
2015/06/26 Python
Python实现的最近最少使用算法
2015/07/10 Python
安装Python的教程-Windows
2017/07/22 Python
python中实现精确的浮点数运算详解
2017/11/02 Python
PyTorch的自适应池化Adaptive Pooling实例
2020/01/03 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
Boda Skins皮衣官网:奢侈皮夹克,全球配送
2016/12/15 全球购物
办公室打字员岗位职责
2014/04/16 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
父亲节活动总结
2015/02/12 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
地道战观后感400字
2015/06/04 职场文书
Java 实战项目之家居购物商城系统详解流程
2021/11/11 Java/Android
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL