在单击按钮后为javascript添加延迟

Question

我有这段脚本可以在点击时重新加载div，这可以满足我的需要。

我想在加载之前添加一个延迟，比如说1-2秒的加载图标。我看了setTimeout，但不知道该放在哪里。

https://codepen.io/jameswill77/pen/vYRpxVV

<a href="" id="something">click</a>

<div id="mydiv">

//content

</div>
</div>
setTimeout(function(){
$('#something').link(function() {
$("#mydiv").reload();
});
}, 10000);

Answer 1

此代码应该适用于您。

<a href="#" id="something">click</a>
<div id="mydiv">
//content
</div>
<script>
$( '#something' ).on( 'click', function ( event ) {
event.preventDefault();

// code before reload

setTimeout( function () {
$( "#mydiv" ).reload();
}, 2000 ); // time in millisecond
} );
</script>