获取使用JavaScript交换img src所需的时间
获取使用JavaScript交换img src所需的时间
提问于 2011-08-22 21:13:32
我希望获得使用JavaScript更改img的src所需的时间。如下所示：
var startTime = new Date().getTime();
document.getElementById('img1').src = someNewUrl;
var elapsedTime = (new Date().getTime()) - startTime;显然，这段代码只测量浏览器设置img的src属性所需的时间。
相反，我想要的是代码，它将实际测量在实际加载图像之前所经过的时间。
有什么办法我能做到吗？使用jQuery的解决方案将是令人愉快的。
谢谢。
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-08-22 21:15:36
$('#img1').load(function() {
... image has been loaded ...
}您必须让负载处理程序调用另一个函数(或者它本身)来执行经过的时间计算/显示。
Stack Overflow用户
发布于 2011-08-22 21:17:13
您需要使用满载方法来完成这个任务。例如
var startTime = new Date().getTime();
document.getElementById('img1').onload = function(){
var elapsedTime = (new Date().getTime()) - startTime;
}
document.getElementById('img1').src = someNewUrl;用jQuery
var startTime = new Date().getTime();
$('#img1').load(function(){
var elapsedTime = (new Date().getTime()) - startTime
).attr({src: someNewUrl});Stack Overflow用户
发布于 2011-08-22 21:18:46
要详细说明@Marc的答案(使用jQuery和Date.now()表示简洁)：
var start = Date.now();
$('#img1').one('load', function()
{
console.log('Image load took', Date.now() - start, 'ms');
}).attr('src', someNewUrl);没有jQuery之类的东西：
var img = document.getElementById('img1'),
start;
img.onload = function ()
{
var duration = new Date().getTime() - start;
console.log('Image load took ' + duration + ' ms');
img.onload = null;
};
start = new Date().getTime();
img.src = someNewUrl;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7153679
复制相关文章
相似问题
腾讯云开发者
