javascript - 10 秒後に div を表示し、10 秒後に非表示にします

Question

ページの読み込み後 10 秒で div (#mybox など) を表示し、さらに 10 秒間表示したままにしてから、素敵なスライド イン/アウト効果で非表示にする必要があります。

ヒント/ヘルプをありがとう！

Answer 1

以下の機能をご利用ください。

cycle();
function cycle() {
     $('#myid')
    .delay(10000)
    .fadeIn(300)
    .delay(10000)
    .fadeOut(300, cycle);
}

ループが必要ない場合は、1 行のコードだけが必要です。

$('#myid').delay(10000).fadeIn(300).delay(10000).fadeOut(300);

Answer 2

おそらく、あなたはこのようなことを試すことができます。

setTimeout(show_div, 10000);
setTimeout(hide_div, 20000);

funciton show_div(){
    $('#mybox').show();
}

funciton hide_div(){
    $('#mybox').hide();
}

Answer 3

このようになるかもしれません: http://jsfiddle.net/EzvGD/2/

$(function(){ //-----------------when page loads fire the code below.
  $('#div').delay(10000).show('slow').promise().done(function(){
     $('#div').delay(10000).hide('slow')
  });
});

Answer 4

$(function(){
  setTimeout(function(){
    $('ur_element').show(function(){
      setTimeout(function(){
        $('ur_element').hide()
      }, 10000)
    })
  }, 10000)
})

Answer 5

将来的には、あなたが試したことを私たちに示すのが最善です。そうすれば、私たち全員があなたのコードを改善するのを手伝うことができます。

あなたが何を扱っているかを知らずに、私はあなたにそれをするための多くの方法の1つを与えます。

jQueryの使用

setTimeout(function() {
  $('#div1').slideIn();
  setTimeout(function() {
     $('#div1').slideOut();    
  }, 10000);
}, 10000);

Answer 6

http://jsfiddle.net/tzvemt4m/

$(".Mask").each(function() {
  var tempstr = this.innerText;
  var replacestr = this.innerText.replace(/./g, "*");
  $(this).mouseover(function() {
    this.innerText = tempstr;
  });
  $(this).mouseout(function() {
    var tempObj = this;
    setTimeout(function() {
      tempObj.innerText = replacestr;
    }, 10000);
  });
  this.innerText = replacestr;
});