一、頁面自動刷新
＜meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次頁面.

二、頁面自動跳轉：
＜meta http-equiv="refresh" content="20;url=http://www.hackhome.com">
其中20指隔20秒后跳轉到http://www.hackhome.com頁面

三、js控制
＜script language="JavaScript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
＜/script>

四、Ajax
var isLoaded = false;
function reqs(opts) {

$.ajax({

type: 'get',

url: 'demo.php',

dataType: 'json',

beforeSend: function() {

if(opts.init === 1) {

$('.zh-loading').show();

}

isLoaded = false;

},

success: function(res) {

console.log(res);

},

complete: function() {

if(opts.init === 1) {

$('.zh-loading').hide();

}

isLoaded = true;

},

error: function() {

console.log('請求失敗~');

}

});

}

reqs({"init": 1});

setInterval(function() {

isLoaded && req({"init": 0});

}, 3000);

注釋：
1.isLoaded && req({"init": 0}); 表示前面一個條件正確，則執行&&后面的方法。
2.將init賦值為0，是讓loading只出現在頁面第一次加載的時候。后面不出現。

轉載于:https://www.cnblogs.com/zyl96/p/10082671.html

總結

以上是生活随笔為你收集整理的网页数据实时更新的三种简单方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。