一個php+js實時顯示時間問題
更新時間：2015年10月12日 12:01:31 投稿：hebedich
本文給大家分享的是解決的php+js實時顯示時間問題，主要是自己當時的理解有問題，也許大家有和我一樣的情況，這里分享給大家
我們先來看下這段代碼
$(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的加載機制有啥不同？
這樣是不對的，php代碼在輸出前被解釋，瀏覽器收到的代碼應(yīng)該是這個樣子的
$(function(){
setInterval(function(){
var timer = '2015-01-02 12：02：02';
$("#test").append(timer);
},500);
});
這樣，當你定時更新的都是一個定值
修改如下
// 對Date的擴展，將 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ù)在實際項目中都是很實用的，下面有個不錯的示例，感興趣的朋友可以了解下2013-11-11
這篇文章主要介紹了微信小程序scroll-view組件無橫向滾動的解決方法,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-02-02
javascript封裝 Cookie 應(yīng)用接口
本文通過幾個簡單的示例向大家展示了javascript封裝cookie的注意事項及操作方法，非常的簡單實用，最后附上一則具體實例，有需要的小火把可以參考下。2015-08-08
javascript實現(xiàn)全角轉(zhuǎn)半角的方法
這篇文章主要介紹了javascript實現(xiàn)全角轉(zhuǎn)半角的方法,涉及JavaScript字符串遍歷與編碼轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下2016-01-01
HTML5之WebSocket入門3 -通信模型socket.io
socket.io能為程序員提供客戶端和服務(wù)端一致的編程體驗，socket.io支持任何的瀏覽器，任何的Mobile設(shè)備。下面通過本篇文章給大家講解HTML5之WebSocket入門3 -通信模型socket.io，需要的朋友可以參考下2015-08-08
JavaScript學(xué)習(xí)筆記之基于定時器實現(xiàn)圖片無縫滾動功能詳解
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之基于定時器實現(xiàn)圖片無縫滾動功能,結(jié)合實例形式分析了javascript定時器與頁面元素屬性動態(tài)設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
下面小編就為大家?guī)硪黄猨s 獲取元素所有兄弟節(jié)點的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要介紹了JavaScript圖像放大鏡效果實現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
最近遇到的需求,把html轉(zhuǎn)成pdf文件下載導(dǎo)出,下面這篇文章主要給大家介紹了關(guān)于js將html頁面轉(zhuǎn)為pdf的兩種方法,文中給出了詳細的代碼示例,需要的朋友可以參考下2023-08-08
asp 的 分詞實現(xiàn)代碼...2007-05-05