Question

我想创建一个按钮，当单击时，它会消失，然后开始以2秒的设置间隔显示时间。我正在尝试修改此代码来执行此操作：

var App = {
    refreshDataRegularly: function(){
        setInterval(function(){
            $.ajax({
                url: 'http://rahulv.com/test/ajax/interval/index.php',
                success: function(data){
                    $('.response-area').html(data);
                }
            });        
        }, 2000);
    }
};
$(document).ready(function(){
    App.refreshDataRegularly();
});

我怎样才能做到这一点？谢谢

Answer 1

您必须绑定click事件处理程序。

$('button').click(function(){
  $(this).hide();
  App.refreshDataRegularly();
});

要隐藏按钮，您应该使用hide()方法。

var App = {
   refreshDataRegularly: function(){
     setInterval(function(){
          $.ajax({
               url: 'http://rahulv.com/test/ajax/interval/index.php',
                success: function(data){
                    $('.response-area').html(data);
                 }
          });        
    }, 2000);
  }
};
$('button').click(function(){
  $(this).hide();
  App.refreshDataRegularly();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Click</button>
<div class="response-area"></div>

JSfiddle创建按钮，单击时将消失

1 个答案: