試圖使用鏈接延遲，但我嘗試的任何代碼都無法正常工作

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);