Question

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

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

或切换DIV的类\ ID （首选）

Answer 1

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
}

div的定时显示

5 个答案: