幻灯片与计时器

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块来确定将哪个图像设置为幻灯片图像。