jQuery：臨時toggleClass/addClass，removeClass？

Question

我在ZeroClipboard上使用以下代碼來更改innerHTML文本和我的「複製到剪貼板按鈕」類。一旦點擊，這將激活課程轉換。

client.on("complete", function(client, args) { 
      this.innerHTML = 'Copied to Clipboard'; 
      $(this).removeClass("btn-info").addClass("btn-success", 357);   
      }); 

有沒有一種方式，我可以做類的innerHTML臨時的這種變化？即改變班級（至btn-success）僅幾秒鐘，以指示該按鈕被點擊，並自動恢復到它的原始班級（btn-info）？並刪除添加innerHTML = 'Copied to Clipboard'

因此，類過渡將是'btn-info'>'btn-success'>'btn-info'。然後將innerHTML恢復到之前的狀態（每個按鈕都有不同的innerHTML）。

我嘗試過試用toggleClass，但沒有多少運氣。

Answer 1

嘗試使用簡單的超時

client.on("complete", function (client, args) { 
    var html = this.innerHTML; 
    this.innerHTML = 'Copied to Clipboard'; 
    var $this = $(this).removeClass("btn-info").addClass("btn-success"); 

    //clear previous timer 
    clearTimeout($this.data('completeToggler')) 
    var timer = setTimeout(function() { 
     $this.addClass("btn-info").removeClass("btn-success"); 
     $this.html(html) 
    }, 2000); 
    $this.data('completeToggler', timer); 
}); 

演示：Fiddle

---

也嘗試使用toggleClass（）

client.on("complete", function (client, args) { 
    this.innerHTML = 'Copied to Clipboard'; 
    var $this = $(this).toggleClass("btn-info btn-success"); 
    setTimeout(function() { 
     $this.toggleClass("btn-info btn-success"); 
    }, 2000) 
});