Javascript 如何使用jquery更改html背景？

我有我的网站的整个html的背景，我使用CSS设置：

html { 
        background: url('../include-uploads/backgrounds/ironman1.jpg') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

我想每隔几秒钟自动更改一次背景。我尝试使用以下jquery代码：

$(document).ready(function(){
    setTimeout(function(){
              $('html').css({"background":"url(include-uploads/backgrounds/ironman2.jpg) no-repeat});
            }, 5000);

    });

但它在网站的左上角显示了背景图像，并没有覆盖整个页面。因此，我尝试添加一些背景属性，如下所示：

 $(document).ready(function(){
    setTimeout(function(){
              $('html').css({"background":"url(include-uploads/backgrounds/ironman2.jpg) no-repeat,background-size: cover"});
            }, 5000);

    });

---

但是没有回应，图像也不再显示。在jquery中有什么方法可以做到这一点吗？我应该在代码中添加一些内容还是编辑一些内容？

在下面的脚本中没有重复内容后，您错过了结束引号，请添加它并重试

$(document).ready(function(){
    setTimeout(function(){
      $('html').css({"background":"url(include-uploads/backgrounds/ironman2.jpg) no-repeat"});
     }, 5000);

 });

在第二次尝试中，您只为background属性指定了所有属性值。每个css属性都应该单独指定

$(document).ready(function(){
   setTimeout(function(){
       $('html').css({"background":"url(include-uploads/backgrounds/ironman2.jpg) no-repeat"});
       $('html').css({"-webkit-background-size":"cover"});
       $('html').css({"-moz-background-size":"cover"});
       $('html').css({"-o-background-size":"cover"});
       $('html').css({"background-size":"cover"});
     }, 5000);

});

-webkit背景大小和其他是独立的规则，您应该将它们定义为-webkit背景大小：封面