jquery - div的定时显示

Question

我所需要的只是一些客户端代码 jQuery 或 JS，它们会在X 秒后改变 div 样式

喜欢 visibility : hidden;或 max-height : 50px;

或切换DIV的class\id （ 首选 ）

Answer 1

使用setTimeout

setTimeout(function(){
  // Change the style here... If using jQuery, it turns
  $('#my_divs').css({'visibility':'hidden', 'max-height':'50px'})
  // or
  $('#my_divs').addClass('my-custom-class');
}, x_seconds);

Answer 2

纯 JavaScript 解决方案：

setTimeout(function() {
  document.getElementById('your_div_id').className = 'new_class_name';
}, X * 1000); // X = number of seconds

Answer 3

$(document).ready(function(){
    setTimeout('changeStyle()', 1000); //milliseconds
});

function changeStyle() {
    //do something useful
}

Answer 4

这是我在当前生产网站上使用的一种方法。

$("#divStampWrapper").delay(1500).fadeIn("fast").delay(2500).animate({ top: -250 }, 2500).delay(2500).fadeOut("slow");

说明：基本上它会抓取包含图像的 div，等待 1.5 秒，然后开始淡入以查看。淡入效果完成后，它会再等待 2.5 秒，然后开始向上移动到新的顶部位置。然后再等待 2.5 秒并开始淡出。我知道这比您要求的要多一点，但这是一个很好的例子，说明了计时器可以做什么。

Answer 5

如果你想在几秒钟后一次又一次地显示时间然后使用

setIntervel('changeStyle()',1000);

而你只想使用一次时间然后使用

setTimeout('changeStyle()',1000);
function changeStyle() {
 // code to display time
}