Question

这是我正在使用的脚本（下）

由于图像内置在脚本中，因此我不确定如何添加下载链接/网站链接。到第二张图片

脚本在10秒后从图像1更改为图像2，然后我希望然后能够单击图像2（如按钮）

如果您可以帮助我添加脚本，或者告诉我需要添加什么以及在什么地方会受到赞赏，这是我正在使用的脚本

<!DOCTYPE html>
<head>
<title>Demo</title>
</head> 
<body> 
<img id="img1" src="https://i.makeagif.com/media/1-28-2016/N_tuzx.gif" /> 
<script> 
setTimeout(function(){ 
document.getElementById("img1").src = "https://2.bp.blogspot.com/-fgPjlOk4PWc/WzQrQ_NBxRI/AAAAAAAAAWw/bvINTos17nssgQXqhevQq97dvUfzINdhgCPcBGAYYCw/s320/download-2062197_960_720.png";
}, 10000);
</script>
</body>
</html>

谢谢您的时间

Answer 1

更改图像的src后，只需向其添加一个"click"事件监听器

setTimeout(function(){ 
    document.getElementById("img1").src = "link";
    document.getElementById("img1").addEventListener("click", function (event) {
         // when someone clicks
    });
}, 10000);

Answer 2

使用以下代码，并将Download_Link替换为所需的链接

<!DOCTYPE html>
    <head>
       <title>Demo</title>
    </head>
    <body>
       <div id="wrapper">
          <img id="img1" src="https://i.makeagif.com/media/1-28-2016/N_tuzx.gif" /> 
       </div>
       <script> 
          setTimeout(function(){

          var mydiv = document.getElementById("img1");

          var aTag = document.createElement('a');
          aTag.setAttribute('href',"Download_Link");

          aTag.setAttribute('download', true);

          aTag.appendChild(mydiv);

          document.getElementById("wrapper").appendChild(aTag);

          document.getElementById("img1").src = "https://2.bp.blogspot.com/-fgPjlOk4PWc/WzQrQ_NBxRI/AAAAAAAAAWw/bvINTos17nssgQXqhevQq97dvUfzINdhgCPcBGAYYCw/s320/download-2062197_960_720.png";
          }, 10000);
       </script>
    </body>
    </html>

如何将下载链接添加到此脚本的第二张图片中

2 个答案: