[英]window.settimeout in javascript loading too fast
我有这个js代码,必须使页面加载时面板的高度更大。 但它似乎加载得太快了。
var TimerID;
function LoadDoc() {
for(i=0;i<=100;i++){
TimerID=window.setTimeout(MoveRolldownDown(i),5000);
}
}
function MoveRolldownDown(i){
document.getElementById('Rolldown').style.height=i + '%';
window.clearTimeout(TimerID);
}
这几乎立即加载到页面中,因此如何降低加载速度。 在我的HTML页面顶部,我有以下代码
document.onreadystatechange = function () {
if(document.readyState === "complete"){
LoadDoc();
}
}
第一件事-您的函数正在立即执行,因此您需要将它们放在另一个函数中。
还有一件事-您的所有超时基本上都在同一时间结束!
尝试这样的事情:
function LoadDoc() {
for (i = 0; i <= 100; i++) {
var down = i;
setTimeout((function (down) {
return function(){ //return function for timeout
MoveRolldownDown(down);
};
})(i), 10 * i);
}
}
function MoveRolldownDown(i) {
document.getElementById('Rolldown').style.height = i + '%';
}
是的,这是因为您正在参数中调用函数,
您可能想要类似
window.setTimeout(MoveRolldownDown,5000, [i]);
https://developer.mozilla.org/en-US/docs/Web/API/Window.setTimeout
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.