javascript - 单击链接后如何延迟更改链接

Question

也许我的问题很愚蠢而且答案很简单，但我是 HTML 和 javascript 的新手，我需要你的帮助。实际上是我正在创建的第一个网站...

嗯，我的问题是这样的。我的网站上有 2 个链接

<a id="first" href="http://example.com/first-link" target="_blank"><button class="btn-icon btn-icon-check">First Link</button></a>

<a id="second" href="http://example.com/second-link" target="_blank"><button class="btn-icon btn-icon-go">Second Link</button></a>

最初，我需要显示第一个链接按钮，当它被点击时链接按钮应该消失，一条消息说“正在检查...”应该显示 10 秒，然后第二个链接按钮应该出现。

所以这 3 个元素(按钮 1、消息、按钮 2)中的每一个都应该一个一个可见...

我不知道它是否有帮助，但我在我的网站上使用 jquery-1.10.2.js。

谁能帮我解决一下？

提前致谢!

Answer 1

是这样的吗？这是纯 JavaScript。

first.onclick = (function(){

  first.style.display = "none"
  
  second.style.display = "block"
  
  setTimeout(function(){
  
     second.style.display = "none"
    
     third.style.display = "block"
    
  },5000)
  
})

#second, #third {
 display: none
}

<a id="first" href="http://example.com/first-link" target="_blank"><button class="btn-icon btn-icon-check">First Link Click me</button></a>

<span id="second">.... Wait 5s</span>

<a id="third" href="#">YOUR LINK</a>