Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何延迟GIF从页面加载开始?_Javascript_Html_Css_Delay_Gif - Fatal编程技术网

Javascript 如何延迟GIF从页面加载开始?

Javascript 如何延迟GIF从页面加载开始?,javascript,html,css,delay,gif,Javascript,Html,Css,Delay,Gif,我有一个动画gif,我想延迟它在页面加载时启动。我想知道这是否可行 例如,页面加载,我希望gif在经过x秒后启动 谢谢大家! 可以将“显示”属性从“无”切换到“块”。结合css动画延迟触发您的延迟时间。希望这对你有用我知道这个问题很久以前就发布了,但是 您可以使用此网站在第一帧后延迟gif: 不确定控制Gif的方法,但有一种方法是只在第一帧中放置Gif,然后在x秒后交换Gif。有不同的方法可以做到这一点。您可以将延迟放入gif本身,或者,您可以拥有gif第一帧的图像,该图像有一个计时器,可以显示

我有一个动画gif,我想延迟它在页面加载时启动。我想知道这是否可行

例如,页面加载,我希望gif在经过x秒后启动


谢谢大家!

可以将“显示”属性从“无”切换到“块”。结合css动画延迟触发您的延迟时间。希望这对你有用

我知道这个问题很久以前就发布了,但是 您可以使用此网站在第一帧后延迟gif:


不确定控制Gif的方法,但有一种方法是只在第一帧中放置Gif,然后在x秒后交换Gif。有不同的方法可以做到这一点。您可以将延迟放入gif本身,或者,您可以拥有gif第一帧的图像,该图像有一个计时器,可以显示所需的时间,然后在一段时间后或有人悬停时,将其替换为动画gif。这也意味着重负载GIF可以在后台加载,而页面加载时使用较小尺寸的图像,从而提供更好的页面加载