Question

我想要一张可以将我带到另一页的图像，但是显示主页后三分钟。我在另一个文件中创建了Javascrip代码。但实际上不起作用！

<head>
<title> FASHION </title>
<script src="reduc.js" ></script>
</head>
<body > 

<div class="coupon">
  <div class="container">
    <h3>Reduction</h3>
  </div>

  <a href="qcm.html" >
  <img src="imagesreduction.jpg" alt="img" style="width:100%;" 
id="yourImageId" style="display: none" /> </a>
  <div class="container" style="background-color:white">
    <h2><b>40% OFF YOUR PURCHASE</b></h2> 

 </div>
 </div>

这是我的JavaScript代码：

setTimeout(function() { 
document.getElementById('yourImageId').display('block'); }, 3 * 60 * 
1000);

Answer 1

点击“可以带我到另一个页面的图片”吗？

window.onload = funciton() {   
 document.getElementById('yourImageId').style.display = 'block';

 setTimeout(() => {
 document.getElementById('yourImageId').onclick = () => 
 location.replace("LINK"));
 }
}

页面上显示后的3分钟内，图片上的点击事件将起作用

Answer 2

您可以尝试以下方法：

setTimeout(function() {
  document.getElementById('yourImageId').style.display = 'block';
}, 3 * 60 * 1000);

#yourImageId {
  display: none;
  width: 100%;
}

<div class="coupon">
  <div class="container">
    <h3>Reduction</h3>
  </div>
  <a href="qcm.html" >
    <img src="imagesreduction.jpg" alt="img" id="yourImageId"/></a>
    <div class="container" style="background-color:white">
      <h2><b>40% OFF YOUR PURCHASE</b></h2> 
    </div>
</div>

希望有帮助。

首页出现三分钟后如何显示图像？

2 个答案: