Question

目标：在5秒的特定时间间隔后加载图像。

问题：编写的代码完全适用于Single.Php，但不能在WordPress Post中使用。

    <div id="imageContainer"></div>
<script>
var img = document.createElement("img");  

img.onload = function(e) {
    var container = document.getElementById("imageContainer");
    container.appendChild(e.target);
}

setInterval( 'img.setAttribute("src","image.jpg")',5000);
</script>

Answer 1

问题是您将字符串传递给setInterval，而不是代码。相反，传递一个函数，如此处的示例所示。有关该主题的更多信息，请参阅MDN documentation。

var img = document.createElement("img");

img.onload = function(e) {
    var container = document.getElementById("imageContainer");
    container.appendChild(e.target);
}

setInterval(function() { img.setAttribute("src", "https://www.gravatar.com/avatar/c2dc29e1a1ce74f25adf39e28d23a601?s=128&d=identicon&r=PG") }, 5000);

<div id="imageContainer"></div>

如何通过javascript上传wordpress帖子中的图像

1 个答案: