Javascript定时事件/图像？

Question

我要编程的是一个人打开网页时发生的定时事件。他们将到达网站上的一个页面，该页面将显示图像一段时间（比如 10 秒），在这段时间之后，他们可以进入下一页。本质上，我想创建一个用户不能跳过的“广告”，直到持续时间（10 秒）结束。在 Weebly 中，您可以直接在网站中插入文件或嵌入代码。我必须嵌入代码还是将其作为文件插入？

Answer 1

有很多奇特的方法可以做到这一点，但为了您的利益，我们将保持简单。见小提琴http://jsfiddle.net/mm6ck3dc/19/

要将计时器设置为 10 秒，只需将毫秒更改为 10000，如下所示：

onload="setTimeout(myFunction, 10000);"

它所做的只是在计时器上隐藏和显示

function myFunction() {
   document.getElementById('image').style.display = 'none';
   document.getElementById('main').style.display = 'inline';   
}