2015-12-17 40 views
-2

我想要編程的是一個定時事件,當一個人打開一個網頁時發生。他們將進入網站的一個頁面,圖片將顯示一段時間(比如10秒),在這段時間之後,他們可以進入下一頁。實質上,我想創建一個「廣告」,用戶在持續時間(10秒)結束之前不能跳過。在Weebly中,您可以直接在網站中插入文件或嵌入代碼。我需要嵌入代碼還是可以將其作爲文件插入?Javascript定時事件/圖像?

+4

我如果他們不知道如何實現JavaScript超時方法,他們會真的建議找一位新老師:-)。閱讀此http://www.w3schools.com/js/tryit.asp?filename=tryjs_timing1 –

+0

確保您有一種方法讓用戶在長時間之前關閉此廣告,否則您將失去很多訪問者。您需要查看像setInterval和setTimeout這樣的函數:https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval和https://developer.mozilla.org/en-US/ docs/Web/API/WindowTimers/setTimeout – jeff

回答

0

有很多奇特的方式來做到這一點,但爲了您的緣故,我們會保持簡單。看到小提琴http://jsfiddle.net/mm6ck3dc/19/

設置時間爲10個secounds只是改變毫秒到10000這樣的:

onload="setTimeout(myFunction, 10000);"

所有它做的是隱藏和顯示上的定時器

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

不建議使用舊的'onload'屬性imo。在'onDomReady'中使用'.addEventListener'比這更好,而且不那麼複雜。 –