Question

我正在使用wordpress编辑器，我需要能够刷新图像而无需重新加载页面。但是，我没有得到这个情节，因为我不是一个真正的javascript大师:(

我正在运行它，但是在控制台日志中，我得到的是：“未捕获的ReferenceError：未定义updateImage”。我做错了什么？

<script>

    var newImage = new Image();
    newImage.src = "http://2famous.tv/wp-content/uploads/2013/07/Dubai-Sky-scrapers_thumb_one.jpg";

    function updateImage() {
    if(newImage.complete) {
        document.getElementById("thumb1").src = newImage.src;
        newImage = new Image();
        newImage.src = "http://2famous.tv/wp-content/uploads/2013/07/Dubai-Sky-scrapers_thumb_one.jpg?" + new Date().getTime();

    }

        setTimeout(updateImage, 1000);
    };


</script>

<img id="thumb1" src="image.jpg" onload="updateImage();">

Answer 1

加载<img>时，尚未加载<script>。因此，updateImage()方法不存在。尝试使用jquery，您可以使用 ready 事件轻松完成。

Answer 2

请看这个。

这可以使用一行HTML执行您的操作并包含错误恢复，此处显示了一个工作演示：

http://foscam.us/forum/a-how-to-embed-any-foscam-ip-camera-in-webpage-using-1-line-t9113.html#p43654

唐

使用Javascript刷新图像onload？

2 个答案: