Javascript 淡出动画功能(无 jQuery)

发布于 2024-12-02 07:50:27 字数 624 浏览 1 评论 0原文

所以我做了这个函数并且它起作用了:

var opacity = 9;

function func() {
    $("action").style.opacity = "0." + opacity;
    opacity--;

    if (opacity == -1) { window.clearInterval(fading); }
}

var fading = window.setInterval("func()", 200);

但这实际上并不是一个单一的函数。 所以我这样做了:

function fadeOut(ms) {
    var opacity = 9;

    function func() {
        $("action").style.opacity = "0." + opacity;
        opacity--;

        if (opacity == -1) { window.clearInterval(fading); }
    }

    var fading = window.setInterval("func()", ms);
}

fadeOut(200);

突然 func() 未定义。 帮助 ? :|

So I made this function and it works:

var opacity = 9;

function func() {
    $("action").style.opacity = "0." + opacity;
    opacity--;

    if (opacity == -1) { window.clearInterval(fading); }
}

var fading = window.setInterval("func()", 200);

But thats acutally not really one single function.
So I did this:

function fadeOut(ms) {
    var opacity = 9;

    function func() {
        $("action").style.opacity = "0." + opacity;
        opacity--;

        if (opacity == -1) { window.clearInterval(fading); }
    }

    var fading = window.setInterval("func()", ms);
}

fadeOut(200);

And suddenly func() is undefined.
Help ? :|

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

ι不睡觉的鱼゛ 2024-12-09 07:50:27

更改:

var fading = window.setInterval("func()", ms); 

to

var fading = window.setInterval(func, ms); 

我不确定 $("action") 返回什么,如果它的 jQuery 则样式不是 $("action") 的有效成员。

Change:

var fading = window.setInterval("func()", ms); 

to

var fading = window.setInterval(func, ms); 

Am not sure what $("action") return though, if its jQuery then style is not a valid member of $("action").

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文