javascript - 淡入/淡出功能不起作用

Question

我正在使用纯 JavaScript 开发淡入和淡出功能，代码如下:

<script>
function fadeIn(el, ms) {
    var opacity = 1,
    interval = 50,
    gap = interval / ms;

    window.setInterval(function{ 
        opacity -= gap;
        el.style.opacity = opacity;
        if(opacity <= 0) {
            window.clearInterval(fading); 
            el.style.display = 'none';
        }
    }, interval);
}
function fadeOut(el, ms){
    var opacity = 0,
    interval = 50,
    gap = interval / ms;
    el.style.display = 'block';
    el.style.opacity = opacity;
    window.setInterval(function{ 
        opacity += gap;
        el.style.opacity = opacity;
        if(opacity >= 1) {
            window.clearInterval(fading);
        }
    }, interval);   
}
</script>

在正文部分，代码是:

<input type="button" onclick="fadeOut(this, 50);" value="hi" />

当页面加载时，它会立即给出错误“错误意外 token (”:

window.setInterval(function{ 

当我尝试单击输入按钮时，出现错误:“找不到变量 fadeIn”

Answer 1

函数声明缺少括号:

setTimeout(function() {

});

请注意在 function 关键字后面添加的 ()。您需要对 fadeIn 和 fadeOut

中的 setTimeout 函数执行此操作