0

私はこのコードを持っています:

function divHideShow(divToHideOrShow) 
{
    var div = document.getElementById(divToHideOrShow);

    if (div.style.display == "none") 
    {
        div.style.display = "block";
    }
    else 
    {
        div.style.display = "none";
    }

}

div.style.display = "block"; 実行時に2秒待たせる方法 ?

ありがとう

4

2 に答える 2

3

この関数setTimeoutを使用して、コードを実行する前に指定した時間 (ミリ秒単位) 待機することができます。

function divHideShow(divToHideOrShow) 
{
    var div = document.getElementById(divToHideOrShow);

    if (div.style.display == "none") 
    {
        setTimeout(function () {
            div.style.display = "block";
        }, 2000);
    }
    else 
    {
        div.style.display = "none";
    }

}

スタイルを直接設定するよりも、クラスの追加と削除を検討する価値があるかもしれません。次に、保守性に役立つ CSS を使用してすべてのスタイルを処理できます (また、CSS3 アニメーションを使用して、物事をフェード/グロー/シュリンクすることもできます)。

于 2013-06-03T14:56:05.857 に答える
2

これはあなたの質問に答えます: の 2 番目のパラメーターsetTimeoutはミリ秒かかるので、2000 milliseconds= 2 seconds

function divHideShow(divToHideOrShow) 
{
    var div = document.getElementById(divToHideOrShow);

    if (div.style.display == "none") 
    {
        setTimeout(function(){div.style.display = "block";},2000);

    }
    else 
    {
        div.style.display = "none";
    }

}

fadeInまたは効果が必要な場合はfadeOut、jquery ライブラリの使用を検討することをお勧めします。

これを機能させるには、ライブラリを含める必要がありますjquery.....

function divHideShow(divToHideOrShow) 
{

     var time=600;  //milli seconds alter this for changing speed
     $("#"+divToHideOrShow).fadeToggle(time);

}
于 2013-06-03T14:53:17.323 に答える