快捷導(dǎo)航

一個php+js實(shí)時顯示時間問題

更新時間：2015年10月12日 12:01:31 投稿：hebedich

本文給大家分享的是解決的php+js實(shí)時顯示時間問題，主要是自己當(dāng)時的理解有問題，也許大家有和我一樣的情況，這里分享給大家

我們先來看下這段代碼

$(function(){

setInterval(function(){
var timer = '<?php echo date("Y-m-d H:i:s",time()) ?>';
$("#test").append(timer);
},500);
});

這段代碼哪里有問題，為啥網(wǎng)頁加載后網(wǎng)頁一直是那個時間不會變呢？php和js的加載機(jī)制有啥不同？

這樣是不對的，php代碼在輸出前被解釋，瀏覽器收到的代碼應(yīng)該是這個樣子的

$(function(){
 
setInterval(function(){
var timer = '2015-01-02 12：02：02';
$("#test").append(timer);
},500);
});

這樣，當(dāng)你定時更新的都是一個定值
修改如下

// 對Date的擴(kuò)展，將 Date 轉(zhuǎn)化為指定格式的String
// 月(M)、日(d)、小時(h)、分(m)、秒(s)、季度(q) 可以用 1-2 個占位符， 
// 年(y)可以用 1-4 個占位符，毫秒(S)只能用 1 個占位符(是 1-3 位的數(shù)字) 
// 例子： 
// (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);
});

您可能感興趣的文章:

相關(guān)文章

iframe子父頁面調(diào)用js函數(shù)示例
iframe子頁面調(diào)用父頁面js函數(shù)及iframe父頁面調(diào)用子頁面js函數(shù)在實(shí)際項(xiàng)目中都是很實(shí)用的，下面有個不錯的示例，感興趣的朋友可以了解下
2013-11-11
解決微信小程序scroll-view組件無橫向滾動的問題
這篇文章主要介紹了微信小程序scroll-view組件無橫向滾動的解決方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
2020-02-02
javascript封裝 Cookie 應(yīng)用接口
本文通過幾個簡單的示例向大家展示了javascript封裝cookie的注意事項(xiàng)及操作方法，非常的簡單實(shí)用，最后附上一則具體實(shí)例，有需要的小火把可以參考下。
2015-08-08
javascript實(shí)現(xiàn)全角轉(zhuǎn)半角的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)全角轉(zhuǎn)半角的方法,涉及JavaScript字符串遍歷與編碼轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
HTML5之WebSocket入門3 -通信模型socket.io
socket.io能為程序員提供客戶端和服務(wù)端一致的編程體驗(yàn)，socket.io支持任何的瀏覽器，任何的Mobile設(shè)備。下面通過本篇文章給大家講解HTML5之WebSocket入門3 -通信模型socket.io，需要的朋友可以參考下
2015-08-08
JavaScript學(xué)習(xí)筆記之基于定時器實(shí)現(xiàn)圖片無縫滾動功能詳解
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之基于定時器實(shí)現(xiàn)圖片無縫滾動功能,結(jié)合實(shí)例形式分析了javascript定時器與頁面元素屬性動態(tài)設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01
js 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
JavaScript圖像放大鏡效果實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript圖像放大鏡效果實(shí)現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-06-06
js將html頁面轉(zhuǎn)為pdf兩種方法
最近遇到的需求,把html轉(zhuǎn)成pdf文件下載導(dǎo)出,下面這篇文章主要給大家介紹了關(guān)于js將html頁面轉(zhuǎn)為pdf的兩種方法,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下
2023-08-08
asp 的分詞實(shí)現(xiàn)代碼
asp 的分詞實(shí)現(xiàn)代碼...
2007-05-05