我做了一些研究，到目前为止还无法在互联网上找到解决方案。
我已经建立了一个网站，我试图让背景图像在3秒后改变，一旦改变它就停留在第二个图像上，没有无限循环。
我意识到它可以用CSS3完成，但网站需要广泛兼容，所以我猜JQuery / JS是最好的解决方案吗？如果是这样，我该如何实施呢？
以下是我正在使用的代码
<script>
setTimeout(function(){
document.getElementById(header).style.background = "url(<?php bloginfo('template_url') ?>/img/girl-color.jpg)";
}, 3000);
</script>
</head>
<body>
<header id="header" style="background: url(<?php bloginfo('template_url') ?>/img/girl-bw.jpg);">
但我有这个错误。 “未捕获的TypeError：无法读取属性'style'的null”
答案 0 :(得分：2)
Vanilla JS，假设背景与身体相关：
setTimeout(function(){
document.body.style.background = "url(here_goes_the_url)";
}, 3000);
答案 1 :(得分：1)
如果您更喜欢jQuery，请参阅以下内容：
$(function(){ //Document ready
setTimeout(function(){ // 3000 miliseconds (3 seconds)
$('body').css('background-image', "url('new_bg.jog')"); // this will change the bg for the body element, modify for your target element
}, 3000);
});