1

ページに自動更新ボタンがあります。Auto Refresh ONをクリックすると、ページがリロードされますが、Auto Refresh OFFが選択されていると、リロードされません。これは可能ですか？

これが私の自動更新ボタンの機能です：

$('#refresh').click(function(){
   if($('#refresh').attr('class') == 'refresh-off'){
      $('#refresh').addClass('refresh-on');
   }
    else{
      $('#refresh').removeClass('refresh-on');
   }
   });
});
4

3 に答える 3

0

はい、そうすることが可能であるはずです。GET自分で更新を制御するので、URLにパラメータを追加して、自動更新の動作を示すことで、期限を迎えることができます。つまり、Webページをリロードすると、スクリプトは、GET呼び出されたパラメーターがあるかどうかを確認しrefresh、それに基づいて動作する必要があります。

http://www.yourdomain.com/?refresh[=auto]
于 2013-01-12T15:59:29.813 に答える
0

タイマーを設定してから、＃refreshのクラスを確認してください。設定されている場合は、ページを更新します。

このフィドルは、10秒間隔で動作していることを示しています。

var int=self.setInterval(function(){refreshPage()},10000);

$(document).ready(function() {

  var hashTag = window.location.href.split('#');
  if (hashTag[1] == 'reload') {
     $('#refresh').addClass('refresh-on').html('Refresh On');  
  }

  $('#refresh').on('click', function() { 
    $(this).toggleClass('refresh-on'); 
    if ($(this).hasClass('refresh-on'))
      $(this).html('Refresh On');
    else 
      $(this).html('Refresh Off');
  });

});

function refreshPage() {
  if ($('#refresh').hasClass('refresh-on')) {
    location.hash = 'reload';
    window.location.reload();
  } else
      location.hash = '';
}
于 2013-01-12T16:01:02.220 に答える
0

タイマーを更新するように設定します。

var timerId;
$(document).ready(function() {
    timerId = setInterval("location.reload(true)", 300000);
});

によって更新コマンドをクリアするよりも

clearInterval(timerId);

完全なコード：

var timerId;
$('#refresh').click(function(){
   if($('#refresh').attr('class') == 'refresh-off'){
      $('#refresh').addClass('refresh-on');
      timerId = setInterval("location.reload(true)", 300000);
   }
    else{
      $('#refresh').removeClass('refresh-on');
      clearInterval(timerId);
   }
   });
});
于 2013-01-12T16:02:03.260 に答える