1

私は純粋な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" />

ページが読み込まれるとすぐに、「エラー予期しないトークン (」:

window.setInterval(function{

そして、入力ボタンをクリックしようとすると、「変数のフェードインが見つかりません」というエラーが表示されます

4

2 に答える 2

0

関数宣言の括弧がありません:

setTimeout(function() {

});

キーワードの()後に​​ が追加されていることに注意してください。と の両方の機能functionに対してこれを行う必要がありますsetTimeoutfadeInfadeOut

于 2013-10-09T12:14:19.827 に答える