私はStackoverflowの質問を調べて、単純なリンク遅延の助けを得ようとしています。私はそれをdivの周りに置きたいのですが、見つけた例の頭や尾を作ることができません。
これまでのところ、hrefのネイティブ機能を停止する必要があることは理解していますが、その方法がわかりません。コードはまだ私には非常に異質です。ヘルプ?
私はStackoverflowの質問を調べて、単純なリンク遅延の助けを得ようとしています。私はそれをdivの周りに置きたいのですが、見つけた例の頭や尾を作ることができません。
これまでのところ、hrefのネイティブ機能を停止する必要があることは理解していますが、その方法がわかりません。コードはまだ私には非常に異質です。ヘルプ?
href
属性をhref="javascript:delay('URL')"
JavaScriptとして設定します。
function delay (URL) {
setTimeout( function() { window.location = URL }, 500 );
}
ページ上のすべてのリンクを遅らせたい場合は、次のようにjQueryを使用して行うことができます
$(function(){
$("a").click(function(evt){
var link = $(this).attr("href");
setTimeout(function() {
window.location.href = link;
}, 500);
});
});
これを使用して、続行する前に関数を待機させます。
var wait_until = new Date().getTime() + 500;
while (new Date().getTime() < wait_until) {
//Do nothing, wait
}
インラインJavaScriptでリンクを遅らせるには、href
属性を。として設定するだけhref="javascript:setTimeout(()=>{window.location = 'URL' },500);"
です。
URLをリンクに置き換えるときは、URLがの中にあることを確認してください' '
。
<li class="nav-item">
<a href="javascript:setTimeout(()=>{window.location = '#About' },500);">
About Me
</a>
</li>
新しいタブ(target = "_ blank")で開きたい場合は、
これは、新しいタブを説明するために変更された@gurvinder372のコードになります。
"_blank"
を好みの設定に変更するだけです。function delay(URL) {
setTimeout(function () {
window.open(URL, "_blank"); // this is what I've changed.
}, 500);
}