Javascript 按钮样式不透明度未正确更改

Javascript button style opacity not changing properly

本文关键字:按钮 样式 不透明度 Javascript      更新时间:2023-09-26
按钮

的不透明度会立即更改为 0.9,而不是在每增加 0.1 次之前等待 500 毫秒。

注意:我已将其放在代码中的窗口加载处理程序中,所有元素都已加载良好,并且正在执行循环。但是为什么它不给它 500 毫秒的休息时间呢?它只是立即变成 0.9。

var interval = window.setInterval(login(),500);
var button=document.getElementById("login_btn");
var opacity = 0.1;
function login(){
    if(opacity >= 0.9){
        window.clearInterval(interval);
    }else{
        button.style.opacity=opacity;
        opacity+=0.1;
    }
}

setInterval的第一个参数需要是一个函数。

你给它传递调用login返回值undefined),所以login立即被调用以确定返回值是什么。

卸下()