0

ボタンがクリックされたときにアニメーションGIFを使用してJavaScriptの遅延を実装する方法を知っていますか？ボタンクリック機能がありますが、gifを使用して2秒の遅延を追加したいと思います。これが私の動作するJavaScriptです。遅滞なく。ありがとうございました。

$(function() {
    $('#myButton').click(function () {
        $('#myFrame').attr('src', '/Video/Upload.aspx/');
        $('#myFrame').attr('width', '500');
        $('#myFrame').attr('height', '200');
        $('#vid').hide();
        $('#vid2').show();
        $('#myFrame').show();
    });
});

私はこれを試しましたが、うまくいきませんでした：

$(function openVideo() {
    $('#myButton').click(function () {
        $('#myFrame').attr('src', '/Video/Upload.aspx/');
        $('#myFrame').attr('width', '500');
        $('#myFrame').attr('height', '200');
        $('#vid').hide();
        $('#vid2').show();
        $('#myFrame').show();
    });
});
setTimeout(openVideo, 2000);
4

2 に答える 2

1

javascriptsetTimeout関数を使用します。

function functionName() {
    // do stuff.
}

setTimeout(functionName, 2000);

またはこのように：

setTimeout(function() {
    // do stuff.
}, 2000);



したがって、あなたの例では、次のようになります。

$(function openVideo() {
    $('#myButton').click(function () {
        var delay = setTimeout(function() {
            $('#myFrame').attr('src', '/Video/Upload.aspx/');
            $('#myFrame').attr('width', '500');
            $('#myFrame').attr('height', '200');
            $('#vid').hide();
            $('#vid2').show();
            $('#myFrame').show();
        }, 2000);
    });
});

デモ

于 2013-02-07T01:15:03.810 に答える
0

好みの方法を使用してGIFを表示します（、、appendChild... ）$.append()innerHTML

次に、を使用setTimeout(function() {/* do stuff here */}, 2000)して2秒の遅延を実装します。

ただし、2秒は長い時間です。0.1秒を超える遅延は、通常、非常に正当な理由がない限り許容できないと見なされます。

于 2013-02-07T01:14:20.780 に答える