如何通过JavaScript在Wordpress帖子中上传图片

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文档 。

 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>