mootools 中的延迟或 setInterval

发布于 2024-12-27 10:55:19 字数 826 浏览 1 评论 0原文

早上好，

我在使用 mootools 时遇到了问题，我制作了一个从 0 到 100 的 alpha 效果，但我想在加载下一个效果之前进行延迟。

代码如下：

<script type="text/javascript">
var miEfecto1 = new Fx.Style('texto42' ,'opacity',{duration: 9000,onComplete: function(){setInterval(miEfecto2.start(1,0) , 15000 );}});
var miEfecto2 = new Fx.Style('texto14' ,'opacity',{duration: 9000,onComplete: function(){setInterval(miEfecto3.start(1,0) , 15000 );}});
...etc...
var miEfecto59 = new Fx.Style('texto45' ,'opacity',{duration: 9000,onComplete: function(){setInterval(miEfecto60.start(1,0) , 15000 );}});
var miEfecto60 = new Fx.Style('texto39' ,'opacity',{duration: 9000,onComplete: function(){setInterval(miEfecto61.start(1,0) , 15000 );}});
window.addEvent('domready',function() {
miEfecto1.start(1,0);}); 
</script>

非常感谢您的帮助！

原文

Good morning,

I have a problem with mootools, and I make an alpha effect from 0 to 100 but I would like to make a delay before loading the next effect.

code is as follows:

<script type="text/javascript">
var miEfecto1 = new Fx.Style('texto42' ,'opacity',{duration: 9000,onComplete: function(){setInterval(miEfecto2.start(1,0) , 15000 );}});
var miEfecto2 = new Fx.Style('texto14' ,'opacity',{duration: 9000,onComplete: function(){setInterval(miEfecto3.start(1,0) , 15000 );}});
...etc...
var miEfecto59 = new Fx.Style('texto45' ,'opacity',{duration: 9000,onComplete: function(){setInterval(miEfecto60.start(1,0) , 15000 );}});
var miEfecto60 = new Fx.Style('texto39' ,'opacity',{duration: 9000,onComplete: function(){setInterval(miEfecto61.start(1,0) , 15000 );}});
window.addEvent('domready',function() {
miEfecto1.start(1,0);}); 
</script>

thank you very much for your help!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

断舍离 2025-01-03 10:55:19

setInterval 为作为第一个参数传递的某些函数设置间隔，其中 setTimeout 只是延迟执行。 使用后者以避免多次执行。

另外，在您的代码中，您立即执行 start() 方法（例如miEfecto2.start(1,0)），因为您没有通过it - 你传递了它的结果。要解决此问题，您可以将其包含在匿名函数中（但不要调用它）。

示例代码可能如下所示（请注意 setInterval 被 setTimeout 替换，并且我将函数调用包含在匿名函数中）：

var miEfecto1 = new Fx.Style('texto42', 'opacity', {
    duration: 9000,
    onComplete: function(){
        setTimeout(function(){
            miEfecto2.start(1,0);
        }, 15000);
    }
});

在代码的其余部分中进行类似的更改。

setInterval sets interval for some function you pass as the first parameter, where setTimeout just delays the execution. Use the latter to avoid multiple execution.

Also in your code you immediately execute start() method (eg. miEfecto2.start(1,0)), because you do not pass it - you pass its result. To fix this you can enclose it in an anonymous function (but do not call it).

The example code could look like this (notice setInterval being replaced by setTimeout and that I enclosed the function call in anonymous function):

var miEfecto1 = new Fx.Style('texto42', 'opacity', {
    duration: 9000,
    onComplete: function(){
        setTimeout(function(){
            miEfecto2.start(1,0);
        }, 15000);
    }
});

Make similar changes in the rest of your code.

回复收藏 0 原文

绿阴红影里的.如风往事 2025-01-03 10:55:19

您需要做的就是链接效果并将延迟设置为您需要的任何内容。

检查此示例： http:// /demos111.mootools.net/Chain

或查看文档：http://mootools.net/docs/core/Class/Class.Extras

希望这有帮助

回复收藏 0 原文

孤独患者 2025-01-03 10:55:19

解决方案：

var miEfecto_i1 = new Fx.Style('texto19', 'opacity', {
    duration: 1000,
    onComplete: function(){
        setTimeout(function(){
            miEfecto_o1.start(1,0);
        }, 10000);
    }
});

var miEfecto_o1 = new Fx.Style('texto19', 'opacity', {
    duration: 1000,
    onComplete: function(){
        miEfecto_i2.start(0,1);
    }
});

谢谢！！

THE SOLUTION:

var miEfecto_i1 = new Fx.Style('texto19', 'opacity', {
    duration: 1000,
    onComplete: function(){
        setTimeout(function(){
            miEfecto_o1.start(1,0);
        }, 10000);
    }
});

var miEfecto_o1 = new Fx.Style('texto19', 'opacity', {
    duration: 1000,
    onComplete: function(){
        miEfecto_i2.start(0,1);
    }
});

THANKS!!

回复收藏 0 原文

~没有更多了~