[英]How to reload content according exac time without refreshing the page
我正在准備需要時間安排的簡單數字標牌腳本。 我能夠使用javascript每15分鍾刷新一次。 但是我的問題是,如何在不刷新頁面的情況下測量時間並在確切的時間更改內容?
我的頁面如下所示:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="900" >
<title>Signage</title>
<style>
body {
margin: 0;
padding: 0;
}
</style>
<script>
function src() {
var Day = "day.html";
var Lunch = "lunch.html";
var Evening = "evening.html";
var Src;
var hour = new Date().getHours();
var day = new Date().getDay();
if (hour >= 10 && hour <= 13 && day >= 1 && day <=5) {
Src = Lunch;
}
else if (hour >= 7 && hour <= 19) {
Src = Day;
}
else {
Src = Evening;
}
document.getElementById('signage').src = Src;
}
</script>
</head>
<body onLoad="src();">
<iframe scrolling="no" id="signage" src="about:blank" width="1920" height="1080" frameborder="0"></iframe>
</body>
</html>
如果您希望頁面在特定時間段后自動刷新,則可以使用javascript的setInterval()
函數。
setInterval(function() { window.location.reload(); } , timePeriod );
嘗試在頭部添加此代碼
<script> document.addEventListener("DOMContentLoaded", setTimeout(function() {src();}, 5000 /*5 sec*/)); </script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.