JavaScript增量++不透明度在每次點擊

Question

您好，我無法使用JavaScript遞增opacity的background-color:hsla() div。這是我使用的代碼...

$("#Opacity").button().click(function() { 
var x = 0.1; 
var Opacity = ++x; 
$("#TimeDate, #Weather, #ticker, #Pages").css("background-color", "hsla(0,0%,0%,"+Opacity +")"); 
     Cookie.set('bgo', $('#TimeDate, #Weather, #ticker, #Pages').css('background-color'), 365); 
     return false; 
}); 

最終的結果，我想是不透明度爲上一次設定開始，然後爲它由0.1每個按鈕被點擊，直到它的時間增加達到1，然後返回到0，然後再次開始每次增加0.1，等等。

由於提前， 克里斯

Answer 1

使用此代碼不透明度始終是1.1

修正功能，下面：

Opacity = 0.1 

$("#Opacity").button().click(function() { 

    Opacity = (Opacity==1) ? 0 : (Opacity + 0.1); 
    $("#TimeDate, #Weather, #ticker, #Pages").css("background-color", "hsla(0,0 %,0%,"+Opacity +")"); 
    Cookie.set('bgo', $('#TimeDate, #Weather, #ticker, #Pages').css('background-color'), 365); 
    return false; 
});