如何在每個特定時間刷新圖像？ JavaScript的

我有如何在每個特定時間刷新圖像？ JavaScript的

<img src="http://www.hamqsl.com/solar101pic.php">

該圖像一個簡單的HTML頁面的每一天，每一天

我怎樣才能讓我的網頁更新獲取更新本圖片或每12小時

原因我想因爲我用它在一個HTML控件這並不更新它自己的JavaScript來更新它

來源

2017-08-01 AbdAlWahab Fanr

頁面刷新是否也不更新圖像？ – Max08

@ Max08如果我在瀏覽器中刷新頁面圖像得到更新 –

@ Max08，但作爲一個小部件，我沒有一個點擊刷新的選項 –

-1

setInterval(function() { location.reload(); }, 5000);

更新

我覺得你的邏輯不會做的伎倆，因爲瀏覽器開始計數當u打開從在特定的時間打開它不是那麼你就那麼圖像會在12小時後更改要選擇

設置圖像URL在服務器端
上的時鐘分配到每個小時的圖像

來源

2017-08-01 14:48:01

是的，這是真的即時改變它現在 –

OP想要刷新一張圖片，並且這裏給出的4個解決方案中的3個建議重新加載整個頁面。 Downvoted。 –

-1

window.location.reload(true)強制頁面重新加載而不使用緩存版本。（MDN）

可以實現定時器是這樣的：在setTimeout (MDN)

setTimeout(function(){ 
    window.location.reload(true); 
},4.32e+7); // 12 hours refresh rate. This is the time, in milliseconds.

更多信息。

來源

2017-08-01 14:48:28

OP想刷新一張圖片，這裏給出的4個解決方案中有3個建議重新加載整個頁面。 Downvoted。 –

-1

您可以使用JavaScript的setTimeout函數，這將觸發事件，一旦它擊中指定的定時器（毫秒）：

setTimeout(function(){ 
    window.location.reload(1); 
}, 3600);

或者你可以用下面的meta標籤（秒）：

<meta http-equiv="refresh" content="3600" />

編輯：只是想到了一個更好的方法。如何使用jQuery刪除元素，然後再次重繪元素？

來源

2017-08-01 14:48:33

用戶刷新其頁面的用戶體驗相當差勁。我不會推薦這兩種解決方案。 – Richie

@Richie我們正在回答OP要求的內容。他沒有要求UX優雅的解決方案，他要求我們刷新他的頁面。 –

@JeffNoel他不問如何刷新他的頁面，他問如何更新圖像。有沒有突出的方法來做到這一點。 – Richie

你打算手動更新圖像的鏈接嗎？或者URL增量中的「101」？

如果鏈接是靜態的，除了某種數字整數，那麼我會使用JavaScript將HTML注入到您的網頁上。檢查：

var imgHtml = '<img src="http://www.hamqsl.com/solar101pic.php">'; 
document.getElementById('tag-id').innerHTML = imgHtml

可以使用Date.now（）函數來獲得劃時代的時間，然後用MOD（％）播放設置正確的時間間隔。這是你如何獲得12小時。我會留給你看看。

來源

2017-08-01 14:53:09

圖像由網站的服務器更新 –

由於上this page解釋，只使用一個緩存斷路器重新加載圖像：

const img = document.getElementById("myImage") 
 

 
setInterval(() => { 
 
    img.src = "http://www.hamqsl.com/solar101pic.php?" + new Date().getTime(); 
 
}, 1000*3600*12) // 12 hours in ms

<img id="myImage" src="http://www.hamqsl.com/solar101pic.php" />

通過在URL後加?randomstuff，你強制瀏覽器獲取的全新副本文件，因爲它沒有被識別爲在緩存中。

來源

2017-08-01 15:06:57

如何在每個特定時間刷新圖像？ JavaScript的

回答

相關問題