設置時間特定的循環

Question

Stackoverflow社區。

我對編碼相對比較陌生，JS很特別，我目前正在爲無線電臺工作。我正在寫JS，根據目前播出的主持人更改橫幅圖像。爲了成功，我需要每小時（上午9點或下午4點）和每半小時（4點半或13點半）運行腳本，無論用戶何時加載頁面。

這是目前使用的代碼IM

[JS的剪斷] [1]：https://i.stack.imgur.com/WgvnX.jpg

我有一個調用函數的第一次，那麼我想它設置超時運行本身再次在下半個小時的時間間隔，然後繼續循環直到用戶關閉瀏覽器。

謝謝你的答案提前

Answer 1

nextDate = new Date(); 
bVal = d.getMinutes() > 30 
d.setHours(d.getHours() + 1 * bVal,30 ? bVal : 0) 

這應該設置你的時間是正確的值

Answer 2

如果下面的代碼運行，所以如果時間大於30分鐘，這樣看來，過去，它將超時設置爲1小時後而不是下一個小時。換句話說，它現在是下午1點42分，它已經設定超時時間在下午2點30分開始。

[新問題]：https://i.stack.imgur.com/iAUnY.jpg

Answer 3

這是一個非常簡單的實現。

編輯：這是與時區，但我不是100％確定它的工作原理，因爲它應該。時區可能會非常棘手。

<script> 
var currentIndex = 0; // global var. If the reporter index is different than this, the change will be triggered. 

var serverTimezone = -4 // New York Timezone. notice DST. In Winter time this should be -5. 

// all on New York Time 
var reporters = [ 
    {name: 'Tintin',  time: '2017-07-19 08:00:00', url: 'http://photos1.blogger.com/img/28/3438/320/Tintin.jpg'}, 
    {name: 'Kent Brockman', time: '2017-07-19 09:00:00', url: 'https://static.simpsonswiki.com/images/thumb/1/16/Kent_Brockman.png/250px-Kent_Brockman.png'}, 
    {name: 'Clark Kent', time: '2017-07-19 11:00:00', url: 'https://i.ytimg.com/vi/9HbXdHu3NaI/hqdefault.jpg'}, 
    {name: 'Peter Parker', time: '2017-07-19 13:00:00', url: 'http://sotd.us/justingabrie/peterparker/Module08/images/peterparker.jpg'} 
]; 

function getReporter() { 
    var index = 0; 
    var now = new Date(); 
    var clientTimezone = -1 * now.getTimezoneOffset()/60; // this returns (in Summer time) example: for Brussels: 2 , NYC: -4, ... 
    var timezoneOffset = serverTimezone - clientTimezone; 
    for(var i=0; i< reporters.length; i++) { 
    var reporter_time = parseDatetimeString(reporters[i].time, timezoneOffset); 
    if(now >= reporter_time) { 
     index = i; 
    } 
    } 
    if(currentIndex != index) { 
    changeReporter(index); 
    } 
} 

function changeReporter(index) { 
    currentIndex = index; 
    document.getElementById('banner').src = reporters[index].url; 
} 

function parseDatetimeString(s, timezoneOffset) { 
    if(! timezoneOffset) { 
    timezoneOffset = 0; 
    } 
    var bits = s.split(/\D/); 
    return new Date(bits[0], --bits[1], bits[2], Number(bits[3]) - timezoneOffset, bits[4], bits[5]); 
} 

window.onload = function() { 
    getReporter(); 
    // check every 20 sec, feel free to change this value, 
    // it isn't harmful to the client so set it even smaller 
    setInterval(getReporter, 20000); 
} 
</script> 
<img id="banner"/> 

---

時區尚未包括在內;你在哪個時區？有一些工作來處理這個問題。

（我在肯特·布羅克曼現在，14：00：布魯塞爾時間00H，但想必你在其他時區...客戶端）

<script> 
var currentIndex = 0; // global var. If the reporter index is different than this, the change will be triggered. 
var reporters = [ 
    {name: 'Tintin',  time: '2017-07-19 13:00:00', url: 'http://photos1.blogger.com/img/28/3438/320/Tintin.jpg'}, 
    {name: 'Kent Brockman', time: '2017-07-19 14:00:00', url: 'https://static.simpsonswiki.com/images/thumb/1/16/Kent_Brockman.png/250px-Kent_Brockman.png'}, 
    {name: 'Clark Kent', time: '2017-07-19 15:00:00', url: 'https://i.ytimg.com/vi/9HbXdHu3NaI/hqdefault.jpg'}, 
    {name: 'Peter Parker', time: '2017-07-19 16:00:00', url: 'http://sotd.us/justingabrie/peterparker/Module08/images/peterparker.jpg'} 
]; 

function getReporter() { 
    var index = 0; 
    var now = new Date(); 
    for(var i=0; i< reporters.length; i++) { 
    var reporter_time = parseDatetimeString(reporters[i].time); 
    if(now >= reporter_time) { 
     index = i; 
    } 
    } 
    if(currentIndex != index) { 
    changeReporter(index); 
    } 
} 

function changeReporter(index) { 
    currentIndex = index; 
    document.getElementById('banner').src = reporters[index].url; 
} 

function parseDatetimeString(s) { 
    var bits = s.split(/\D/); 
    return new Date(bits[0], --bits[1], bits[2], bits[3], bits[4]); 
} 

window.onload = function() { 
    getReporter(); 
    // check every 20 sec, feel free to change this value, 
    // it isn't harmful to the client to set it even smaller 
    setInterval(getReporter, 20000); 
} 
</script> 
<img id="banner"/>