如何将下载链接插入image2或如何将其链接到下载按钮?

时间:2018-07-02 00:37:24

标签: javascript html

这是我当前正在使用的脚本

第一个图像(https-在下面的代码中)是一个倒计时的吉夫,然后在10秒后切换到第二个图像(https-在下面的代码中)

我将使image2(https-在下面的代码中)成为一个下载按钮,或者我想向该图像中添加一个下载链接,但是我不确定如何

我知道如何将其添加到脚本中(如果没有写的话)

但是,这让我在做什么方面有些困惑。

这是我正在使用的脚本

<!DOCTYPE html>

<head>
  <title>Demo</title>
</head>

<body> <img id="img1" src="IMAGE1.gif" />
  <script>
    setTimeout(function() {
      document.getElementById("img1").src = "IMAGE2.png";
    }, 10000);
  </script>
</body>

</html>

谢谢您的帮助

1 个答案:

答案 0 :(得分:0)

您可以将图像包装在<a>标记中,并在超时后设置其href值。

setTimeout(function() {
  document.getElementById("img1").src = "http://via.placeholder.com/200x200";
  document.getElementById("link").href = "https://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf";
}, 10000);
<a id="link">
  <img id="img1" src="http://via.placeholder.com/100x50"/>
</a>