javascript - 将参数传递给javascript中的另一个函数

Question

我正在尝试将一些参数从调用第一个函数“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上的develop 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);
}

我会尝试一下你的建议。

Firebug 的错误是

TypeError: document.getElementById(arguments[1]) 为空

Answer 1

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);
}