<img src> w / timeout?

我们在我们的网站上有一些跟踪像素,如果他们的服务器停机或运行缓慢,我希望能够防止它们影响用户体验。 什么是最简单的方式来指定浏览器应该尝试加载给定的img的最大时间 - 即尝试100毫秒,然后放弃? (我宁愿不跟踪给定的客户,也不愿意让第三方服务器上的服务器挂在我们的网站上)。


你可以用JavaScript插入<img> ,并使用setTimeout()在100ms后删除它。

jQuery示例:

var tracker = $("<img>", { src: trackingUrl }).appendTo(document.body);
setTimeout(function() { tracker.remove(); }, 100);

你应该在文档准备好时加载它们。 或在最后一行(在html中)。 这样 - 它不会伤害用户体验。 准备好的文件也可以用于jQuery。

但是你可以使用window.load。

作为一项规则(并非总是) - 所有脚本都应位于页面的末尾。

如果你想让FORCE超时KILL:

创建一个img标签。

load事件附加到img(该函数将设置标志:已下载= 1;)

设置src。

setTimeout函数你会杀死IMG。

怎么样 ?

如果在X MS下载了== 0,然后杀死。

所以:每个加载事件(来自IMg)都设置一个标志(下载= 1)。

你的超时功能不关心什么! 在x MS之后,她要杀死img - 只有下载的== 0。


你将不得不使用JavaScript来做到这一点,没有什么原生的HTML / HTTP,这将在页面的基础上做到这一点。 谷歌周围的“HTML IMG超时”。

链接地址: http://www.djcxy.com/p/59113.html

上一篇: <img src> w/ timeout?

下一篇: Observable Network IO Parsing