JSfiddle創建按鈕，點擊時會消失

我想創建一個按鈕，單擊它時會消失，然後以設置的間隔2秒開始顯示時間。我試圖修改這段代碼來做到這一點：JSfiddle創建按鈕，點擊時會消失

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(); 
});

我該如何做到這一點？謝謝

來源

2017-02-06 Chris

你需要一個按鈕，爲Click事件的事件處理程序和代碼隱藏按鈕，執行你的功能。 – Archer

不要粗魯，你會做一個按鈕，然後點擊時消失。爲了更強大的答案解釋你已經嘗試了什麼，什麼有效，什麼沒有。總之，顯示比您複製和粘貼一些骨架代碼更多的努力。 – EvSunWoodard

您必須綁定一個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>

來源

2017-02-06 17:42:29

@Downvoter，請解釋一下。 –

雖然不是我，但可能是因爲你回答了作業問題，並沒有讓提問者付出任何實際的努力。 – EvSunWoodard

這實際上不是一個家庭作業問題，我只是好奇而已。我正在探索JSfiddle，試圖瞭解更多關於Javascript的內容，我碰到了這個例子，我很好奇如何修改它以顯示我想要顯示的內容。我對Javascript還是個新手。 – Chris

JSfiddle創建按鈕，點擊時會消失

回答

相關問題