试图使用链接延迟，但我尝试的任何代码都无法正常工作

Question

我试图创建一个.25秒链接延迟以及缩放属性，为我的网站添加艺术耀斑。 为了看到缩放，我需要一个小的链接延迟。 我一直在尝试在网上找到的代码，但由于某些原因，延迟不起作用。

以下是我尝试过的代码片段之一的示例。

<li><a href="#" onclick="setTimeout(window.document.location='http://******.net/html/****.html',250);">CONTACT</a></li>

关于它为什么不起作用的任何想法？ 请记住，我只希望页面上的一些链接具有此延迟，因此一个JavaScript或jQuery块为所有a href链接分配延迟并不理想。

这是一个使用Vb脚本的Classic-ASP项目。

Answer 1

<a onclick="return createTimedLink(this, myFunction, 2000);" href="http://******.net/html/****.html">Link</a>

然后有这个

function createTimedLink(element, callback, timeout){
  setTimeout( function(){callback(element);}, timeout);
  return false;
}

function myFunction(element) { 
/* Block of code, with no 'return false'. */
  window.location = element.href;
 }

资料来源： https ： //stackoverflow.com/a/6609164/5393628

Answer 2

setTimeout需要一个函数

<li><a href="#" onclick="setTimeout(function() { window.document.location='http://******.net/html/****.html'; },250);">CONTACT</a></li>

Answer 3

0.25秒的延迟是不是太短而不被注意到？ 但是，这会奏效

 <ul> <li><a href="#" onclick="goto('http://google.com')">CONTACT</a></li> <script> function goto(link) { setTimeout(function () { document.location = link; }, 250); } </script> </ul> 

对于您想要延迟的每个链接，您可以使用onclick =“goto（link）”属性或使用href =“javascript：goto（link）”

Answer 4

setTimeout应该将函数作为第一个参数接收。 因此，您必须将onclick处理程序更改为setTimeout(function() { window.document.location='....'; }, 250);