簡體   English   中英

循環計時器背景顏色更改

[英]Circle timer background color change

我正在使用計時器。 我想將黑色背景放在圓形的文本后面。 現在它是透明的,您可以在文本的后面看到藍色。 我只希望圓圈的中心部分是藍色到黑色。

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

小提琴

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

我補充說:

    use_inner_background: true,
    circle_inner_bg_color: "#000",

更改為標准設置,您可以更改它們,以使其透明或不透明。 我默認為黑色。

這里查看工作的小提琴

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM