首頁 > web前端 > js教程 > 5秒後跳轉效果(setInterval/SetTimeOut)_javascript技巧

5秒後跳轉效果(setInterval/SetTimeOut)_javascript技巧

WBOY
發布: 2016-05-16 17:34:42
原創
1673 人瀏覽過
setInterval版本
複製程式碼程式碼如下:


程式碼如下:


) {
setInterval(function () {
var time = $("#time").text();
time = parseInt(time);
時間--;
if (時間> 0) {
$("#time").text(time)
} else {
window.location = $("#url").attr("href"); ;
}
}, 1000);
SetTimeOut版本
🎜>
程式碼如下:



window.onload = function () {
setTimeout(changeTime, 1000);
}
function changeTime() {
var time = document.getElementById("time").innerHTML;
時間= parseInt(時間);
時間--;
if (time= parseInt(時間);
時間--;
if (time var url = document.getElementById("url").href;
window.location = url;
} else {
document.getElementById("time").innerHTML = time;
setTimeout(changeTime, 1000);
}
}
腳本> 複製程式碼


程式碼如下:
5 span>後續教學到
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板