2

我正在尝试将调用第一个函数“fadesIn()”的按钮中的一些参数传递给另一个函数“check()”，该函数将继续检查第一个图像是否在第二个图像中消失之前已经褪色。传递我尝试使用的参数

function.apply(this, arguments);

然后使用数组位置调用所需的参数。不幸的是，我无法让它在我的网页上运行。我只是在学习，所以我可能缺少一些东西......非常感谢任何帮助。

var time;

function fadesIn(args){
    fadeOut(arguments[1]);
    check.apply(this, arguments);
    check();
} 

function check(args){
    if(document.getElementById(arguments[1]).style.opacity < 0.1){
        fadeIn(arguments[0]);
        clearTimeout(time);
        return;
    }
    time=setTimeout(function(){check()},100);
}   

fadesIn('pic1', 'pic2');

天啊，你们反应很快。。谢谢。。

这是淡入淡出功能，它们来自于 youtube 上的开发 php

var fade_in_from = 0;
var fade_out_from = 10;

function fadeIn(element){
    var target = document.getElementById(element);
    target.style.display = "block";
    var newSetting = fade_in_from / 10;
    target.style.opacity = newSetting;
    // opacity ranges from 0 to 1
    fade_in_from++;

    if(fade_in_from == 10){
        target.style.opacity = 1;
        clearTimeout(loopTimer);
        fade_in_from = 0;
        return false;
    }

    var loopTimer = setTimeout('fadeIn(\''+element+'\')',50);
}

function fadeOut(element){
    var target = document.getElementById(element);
    var newSetting = fade_out_from / 10;
    target.style.opacity = newSetting;
    fade_out_from--;

    if(fade_out_from == 0){
        target.style.opacity = 0;
        target.style.display = "none";
        clearTimeout(loopTimer);
        fade_out_from = 10;
        return false;
    }

    var loopTimer = setTimeout('fadeOut(\''+element+'\')',50);
}

我会根据你的建议玩一玩。

萤火虫的错误是

类型错误：document.getElementById(arguments[1]) 为空

4

1 回答 1

0 
check();
// and
setTimeout(function(){check()},100);

似乎会引起一些问题。您的check函数需要 [至少] 两个参数，否则document.getElementById(arguments[1])将返回null并访问style引发异常的属性。

由于您根本只使用两个参数，因此最好不要使用arguments对象，而只需传递两个参数：

function fadesIn(pic1, pic2) {
    fadeOut(pic2);
    check(pic1, pic2);
} 

function check(argOne, argTwo){
    if(document.getElementById(argTwo).style.opacity < 0.1){
        fadeIn(argOne);
        clearTimeout(time);
        return;
    }
    time=setTimeout(function(){check(argOne, argTwo)},100);
}
于 2012-10-27T15:07:09.483 回答