是否可以在Jquery中使用setTimeout更改css属性？

Question

我想在jquery中使用setTimeout进行2秒延迟时更改一些css属性？

这是我的示例代码

＆＃13;

＆＃13;

   $(document).ready(function() {
 
    setTimeout(function(){
       
         $('.loader,.background').fadeOut(200);
$('.loader,.background').css({overflow:'hidden',width:'100%',height:'100%;'}});
 });
       
 }, 2000);

＆＃13;

＆＃13;

＆＃13;

有可能吗？

Answer 1

是的，只需在倒数第二个大括号之后移动你的2000而不是最后一个大括号（相当于你对document.ready的调用）。

我手边没有你的HTML，但这个JS应该足够了：

＆＃13;

＆＃13;

$(document).ready(function() {

  setTimeout(function () {

      $('.loader,.background').fadeOut(200);
      $('.loader,.background').css({
          overflow: 'hidden',
          width: '100%',
          height: '100%;'
      });

  }, 2000);

});

＆＃13;

＆＃13;

＆＃13;

Answer 2

在简单的情况下，您也可以使用jQuery的delay()方法

$(document).ready(function() {

  $('.loader,.background').delay(2000).fadeOut(200);
  $('.loader,.background').delay(2000).css({
      overflow: 'hidden',
      width: '100%',
      height: '100%;'
  });
});