javascript：页面加载之前的时间

我正在用javascript编写一个动画，希望在加载所有图像之前打印到用户

html中的图像设置为：

是否有javascript代码可以知道何时加载所有页面？

---

即调用onLoad（）事件之前的时间使用

$（窗口）。加载
：

var readytime = new Date().getTime();
$(window).load(function() {
    var loadingtime = (new Date().getTime() - readytime) / 1000; // in seconds

    $('#yourTimingField').text(loadingtime + ' seconds');
});

这测量脚本的这一部分与加载所有子元素之间的时间量。
这不难做到，使用
$（窗口）。加载
：

var readytime = new Date().getTime();
$(window).load(function() {
    var loadingtime = (new Date().getTime() - readytime) / 1000; // in seconds

    $('#yourTimingField').text(loadingtime + ' seconds');
});

这测量脚本的这一部分与加载所有子元素之间的时间量。
您可以在页面底部执行类似操作

<span id="imgsMsg"></span>
<script type="text/javascript">
var imgs = document.images;
var len = imgs.length;
var percent = 100;
var count=0;
var messagecontainer = document.getElementById("imgsMsg");
for (var i=0;i<len;i++) {
   imgs[i].onload=function() {
     count++;
     messagecontainer = (percent - Math.floor((100/len)*count))+"% loaded"; // hope my math is correct ;)
   }
}
</script>
</body>


var imgs=document.images；
var len=imgs.长度；
风险值百分比=100；
var计数=0；
var messagecontainer=document.getElementById（“imgsMsg”）；
对于（var i=0；i您可以在页面底部执行类似的操作

<span id="imgsMsg"></span>
<script type="text/javascript">
var imgs = document.images;
var len = imgs.length;
var percent = 100;
var count=0;
var messagecontainer = document.getElementById("imgsMsg");
for (var i=0;i<len;i++) {
   imgs[i].onload=function() {
     count++;
     messagecontainer = (percent - Math.floor((100/len)*count))+"% loaded"; // hope my math is correct ;)
   }
}
</script>
</body>


var imgs=document.images；
var len=imgs.长度；
风险值百分比=100；
var计数=0；
var messagecontainer=document.getElementById（“imgsMsg”）；
对于（var i=0；i您可能能做的最好的事情是跟踪已加载的图像的数量，并将其划分为剩余的图像总数。类似如下：

var total_loaded = 0;
$('img').load(function()
{
    total_loaded += 1;
    var load_progress = total_loaded / $('img').length;
    // you can now use load_progress to show the user a rough progress animation
} );

如果你想要“剩余时间”显示时，您需要伪造它。例如，您可以跟踪所用的总时间，并将其与
load\u progress
变量进行比较，以获得剩余时间。
您可以做的最好的事情是跟踪已加载的图像数量，并将其划分为剩余的图像总数。类似于以下内容：

var total_loaded = 0;
$('img').load(function()
{
    total_loaded += 1;
    var load_progress = total_loaded / $('img').length;
    // you can now use load_progress to show the user a rough progress animation
} );

如果你想要“剩余时间”显示时，您需要伪造它。您可以跟踪所用的总时间，并将其与
load\u progress
变量进行比较，以获得剩余的时间，例如。
Hello我想为用户打印页面加载之前的时间，而不是页面加载之后的时间。例如：20%直到所有页面加载，40%…50%…100%页面加载，您可以启动animation@ahmed：最好使用Javascript编程添加图像，然后再操作DOM。您好，我想在页面加载之前为用户打印，而不是在页面加载之后为用户打印。例如：20%直到所有页面加载，40%…50%…100%页面加载，您可以开始animation@ahmed：这最好通过添加图像程序A来实现@ThiefMaster使用Javascript，然后操纵DOM.ahmed，试图说当答案解决了你的问题时，接受它被认为是礼貌的（投票箭头下的大复选标记）。这让社区知道，您正在积极处理您的问题，可以说，您不打算转储和运行。这当然不是必需的。（几乎不需要任何关于堆栈溢出的内容。）好吧，我不知道有这样一个功能…thanksahmed，@ThiefMaster试图说，当答案解决了你的问题时，接受它被认为是礼貌的（投票箭头下的大复选标记）。这让社区知道，您正在积极处理您的问题，可以说，您不打算转储和运行。这当然不是必需的。（几乎不需要任何关于堆栈溢出的内容。）好的，我不知道有这样一个功能…谢谢谢谢谢谢这似乎是答案，我将尝试它并与您一起给出结果谢谢这似乎是答案，我将尝试它并与您一起给出结果