Time a jQuery fadeTo Effect?

Time a jQuery fadeTo Effect?

本文关键字：Effect fadeTo jQuery Time      更新时间：2023-09-26

目前我正在使用jQuery fadeTO来淡入div。不过，我在时间上有一个小问题。我有一个GIF动画文件，我想用jQuery fadeTO效果来计时。

我曾尝试使用window.onload在页面完全加载之前不激发脚本，但从技术上讲，它在页面加载之前不会激发脚本。根据用户的互联网连接，这可能会有很好的时机，也可能会打乱时机。我想用GIF动画来计时效果，以尽可能精确地计时。这是我目前使用的脚本：

var $j = jQuery.noConflict();
   window.onload = function(){ 
    $j('#fadein').fadeTo(7500, 1, function() {
  });       
 };

我的问题是，如何在GIF完全加载并显示在屏幕上后立即启动脚本？我的想法是，一旦加载了GIF，当GIF加载时脚本开始，我就可以用GIF为脚本计时，使其正确淡出。

关于如何更好地安排这些时间，我对其他想法持开放态度。

不可能可靠地为JavaScript和动画GIF计时。

唯一接近的方法是将各个帧作为单独的图像（如果可以的话，也可以作为精灵表），然后用JavaScript手动设置帧的动画。

事实上，我在我制作的一个课程网站上有一个这样的例子：链接和相关的JS文件。

以下是在加载图像后执行代码的示例。

image=new Image();
image.src="mygif.gif"
image.onload=function(){
    alert('image Loaded');
}
相关文章：