gpt4 book ai didi

javascript - 动态图像刷新

转载 作者:太空狗 更新时间:2023-10-29 13:18:53 25 4
gpt4 key购买 nike

如果用户不必点击刷新按钮,我将如何更新服务器上每隔几秒更新一次的图像,我的第一个猜测是 ajax,但我之前没有真正使用过它。有人能指出我正确的方向吗?

编辑:忘记提及图像是由 perl 脚本生成的 .gif - 尝试从 url 获取它会返回脚本本身。

最佳答案

不需要 AJAX,只需更新图像的 src属性(property)。但是,因为它有相同的 url,你必须给浏览器一个唯一的地址,以确保你不只是从浏览器的缓存中加载旧图像。您可以通过 new Date().valueOf() 获取当前日期的序列号来保证图像的唯一性。并将其作为查询字符串附加到 url。

$("#dynamicImage").prop("src", "dynamicImage.jpg?" + new Date().valueOf());

您还可以使用 new Date().getTime()获取序列号,或将日期强制转换为数字:+new Date()

要在计时器上执行此操作,请使用 setInterval() .这将是完整的代码,您可以将其放入页面的 <head> 中的脚本标记内。 :

$(function() {
var intervalMS = 5000; // 5 seconds
setInterval(function() {
$("#dynamicImage").prop("src", "dynamicImage.jpg?" + +new Date());
}, intervalMS);
});

关于javascript - 动态图像刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6509981/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com