尝试使用 link 延迟,但我尝试的任何代码都不起作用

Trying to use a link delay, but any code I try isn't working

我正在尝试创建一个小的 0.25 秒 link 延迟以及缩放 属性,以便为我的网站添加艺术光晕。为了看到缩放,我需要一个小的 link 延迟。我一直在尝试我在网上找到的代码,但由于某种原因,延迟根本不起作用。

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

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

关于它为什么不起作用的任何想法?请记住,我只希望页面上的几个 link 具有此延迟,因此分配所有 a href link 的 JavaScript 或 jQuery 块延迟是不理想的。

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

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

来源:

setTimeout 需要一个函数

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

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>

对于每个 link 你想放置延迟,你可以使用 onclick="goto(link)" 属性或使用 href="javascript:goto(link)"

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