一定时间后删除Javascript / JQ内容(计时器)

时间:2013-01-11 17:11:01

标签: javascript jquery html

我只是想知道是否可以制作一个功能,你有一个定时器/时钟滴答,当没有时间时,文本/图像将被删除。还将显示消息/文本通知用户。 (JQuery或Java)

我尝试过使用replace.child但没有任何有希望的结果。

我也到处寻找任何类似物体,但没有找到。

-Thanks。

2 个答案:

答案 0 :(得分:1)

你去:

(function(){
  var secondsLeft = 10,
      $timerElm   = $('#timer');

  function updateTimer () {

    $timerElm.text(secondsLeft--);

    if (secondsLeft < 0) timesUp();
    else setTimeout(updateTimer, 1000);
  } 

  function timesUp () {
    $('#target').remove();

    $('<p>works like a charm!</p>').prependTo('body').hide().fadeIn()

  }

  updateTimer();
})()

这里也是现场演示! http://jsbin.com/aguyuw/1/edit

享受!

答案 1 :(得分:0)

您可以使用setTimeout函数...

setTimeout(function() { $('#some_id').fadeOut('slow');}, 2000);

这里2000是一个可选值......你可以随心所欲地改变......如果你想快速淡出你可以使用'快'而不是'慢'......

对于javascript,您可以使用类似的内容....

setTimeout(function(){you_function();},3000);