幻燈片與計時器

Question

我想知道是否有幻燈片放映幻燈片上的倒計時計時器的幻燈片。

我正在製作一個運動應用程序，並且需要一個課程選項。在課程選項中，它將顯示20秒的練習，然後休息10秒鐘等到課程結束。

我準備好了所有的練習，在圖像中。我只需要一個代碼來顯示圖像幻燈片，並帶有倒數計時器。

謝謝！

Answer 1

帶計時器的幻燈片將使用setInterval()方法。試試這個：

<img src="some_source/to/file.png" alt="text" /> 

然後你可以運行一個函數來改變其src屬性爲

setInterval(changeAttr, 20000); 
function changeAttr() { 
    $('img').attr('src', 'next_image.png'); 
} 

您可以使用if else塊來改變形象是這樣的：

if($('img').attr('src') == 'some_image_file.png') { 
    $('img').attr('src', 'new_image_file.png'); 
} 

現在計時器將每20秒執行一次，並將更改圖像的源屬性。它將使用if else塊來確定將哪個圖像設置爲幻燈片圖像。