2015-11-17 84 views
1

我正在使用計時器。我想在圓形的文字背面放置黑色背景。現在它是透明的,你可以看到文本背面的藍色。我只希望那個藍色在圓圈的中心部分只有黑色。圓圈計時器背景顏色變化

$("#DateCountdown").TimeCircles(); 
$("#CountDownTimer").TimeCircles({ 
    time: { 
     Days: { 
      show: false 
     }, 
     Hours: { 
      show: false 
     } 
    } 
}); 
$("#PageOpenTimer").TimeCircles(); 
var updateTime = function() { 
    var date = $("#date").val(); 
    var time = $("#time").val(); 
    var datetime = date + ' ' + time + ':00'; 
    j$("#DateCountdown").data('date', datetime).TimeCircles().start(); 
} 
$("#date").change(updateTime).keyup(updateTime); 
$("#time").change(updateTime).keyup(updateTime); 
$(".startTimer").click(function() { 
    $("#CountDownTimer").TimeCircles().start(); 
}); 
$(".stopTimer").click(function() { 
    $("#CountDownTimer").TimeCircles().stop(); 
}); 
$(".fadeIn").click(function() { 
    $("#PageOpenTimer").fadeIn(); 
}); 
$(".fadeOut").click(function() { 
    $("#PageOpenTimer").fadeOut(); 
}); 

Fiddle

回答

1

插件不支持它...所以我所做的是改變插件。

我說:

use_inner_background: true, 
    circle_inner_bg_color: "#000", 

標準設置,你可以改變這些,你會讓它透明。我默認黑色。

看到工作小提琴,here