如何在点击处理程序中的一定时间后刷新页面

时间:2015-12-08 16:23:27

标签: javascript

在我的下面的代码/ JS中。在点击触发后大约2或3秒后点击处理程序触发(或点击按钮后) ..之后,我只想“刷新”页面。所以基本上点击按钮,2-3秒已经过去,然后页面刷新。我想用纯JS,而不是jQuery或使用<meta>

来做

以下是我的JS:

   $('.download-pdf').click(function() {

   // I would like to add here

    notChecked = $("input[type=checkbox]:not(:checked)").parent();
    notChecked.hide();
    yesChecked = $("input[type=checkbox]:checked").parent();

    $.each(yesChecked, function( index, el ) {
      $(el).show().html(texts[$(el).attr('id')]);
    });

4 个答案:

答案 0 :(得分:2)

使用setTimeout()

 setTimeout(function(){
      location.reload();
     },3000);

答案 1 :(得分:1)

您可以使用简单的settimeout()函数在一段时间后延迟函数

您可以使用location.reload();刷新页面,我在更新数据后自己使用它。

delayinmiliseconds表示页面重新加载之前所需的秒数。它以毫秒表示,因此1秒/ 1000。在这种情况下,你想要放3000。

以下是一个例子:

setTimeout(function(){
     location.reload();
}, thedelayinmiliseconds);

答案 2 :(得分:0)

要在2秒后重新加载页面,请使用以下
setTimeout(function(){ window.location.reload()}, 2000);

答案 3 :(得分:0)

 $('.download-pdf').click(function(event) {

    //remove default click behavior
    event.preventDefault();

    //refresh page after 3 seconds
    setTimout( 'window.location.reload()', 3000);


    notChecked = $("input[type=checkbox]:not(:checked)").parent();
    notChecked.hide();
    yesChecked = $("input[type=checkbox]:checked").parent();

    $.each(yesChecked, function( index, el ) {
      $(el).show().html(texts[$(el).attr('id')]);
    });

}