html页面实现gif的重新播放

最新推荐文章于 2024-05-10 14:27:32 发布

dragoo1

最新推荐文章于 2024-05-10 14:27:32 发布

阅读量2.1w

点赞数 2

分类专栏： html 文章标签： html h5 重新 gif 播放

本文链接：https://blog.csdn.net/dragoo1/article/details/92426976

版权

html 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

因为浏览器会缓存图片，所以对于一次性gif如果不做处理的话，只会播放一次。如果需要重新播放gif，重新设置下img标签的src属性即可。

<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>测试</title>

    <script type="text/javascript">
        window.onload = function() {
            document.getElementById('div1').addEventListener('click', function() {
                document.getElementById('img1').src = document.getElementById('img1').src
            });
        }
    </script>
</head>
<body>
    <div id="div1" style="width: 100px; height: 100px;background-color:#eeffee;">
        点击测试</div>
    <img id="img1" src="https://img-blog.csdnimg.cn/20190616203502503.gif"></img>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dragoo1

关注关注

2
点赞
踩
27

收藏

觉得还不错? 一键收藏
1
评论
html页面实现gif的重新播放

因为浏览器会缓存图片，所以对于一次性gif如果不做处理的话，只会播放一次。如果需要重新播放gif，重新设置下img标签的src属性即可。<!doctype html><html><head> <meta charset="UTF-8" /> <title>测试</title> <scr...
复制链接

扫一扫