圆圈计时器背景颜色变化

时间:2015-11-17 12:40:28

标签: javascript jquery html css css3

我正在使用计时器。我想在圆形的文字背面加一个黑色背景。现在它是透明的,你可以看到文字背面的蓝色。我只想在圆圈的中心部分看到蓝色到黑色。

$("#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 个答案:

答案 0 :(得分:1)

该插件不支持它......所以我所做的就是更改插件。

我补充说:

    use_inner_background: true,
    circle_inner_bg_color: "#000",

到标准设置,您可以更改它们,以使其透明或不透明。我把它拖到了黑色。

查看工作小提琴,here