remove "days" display

[wimbarelds]

remove "days" display

[yuhao-nyc]

my current time circle control code.

        $(function() {
            //circles customizations
            $("#countdown").TimeCircles({
                count_past_zero: false,
                 "bg_width": 1,
                 "fg_width": 0.07777776,
                 "circle_bg_color": "#c0cbcb",
                 "time": {
                    "Hours": {
                        "text": "Hrs",
                        "color": "#e7ebeb"
                    },
                    "Minutes": {
                        "text": "Min",
                        "color": "#e7ebeb"
                    },
                    "Seconds": {
                        "text": "Sec",
                        "color": "#e7ebeb"
                    }
                }
            })
        });

[wimbarelds]

you'll need to use total_duration. Set it to however many seconds the circles should indicate when they're all full (So perhaps 3 days would be "everything full", then 3 * 24 * 60 * 60)

[yuhao-nyc]

Hi I think I misunderstand you earlier. Now I understand everything u suggest earlier. I will explain my case in detail.
I wanted to get a countdown circle only limited to 48 hours. So to achieve this, the " total_duration: 172800,". Then I set up the html
<div id="countdown" data-date="2014-03-20 17:11:00" style="width: 82%; margin: 25px;"></div>
So it should be work like "how long it will remaining, within 48 hours before 2014-3-20 17:11:00"
Am I understanding in a right way.

Right now it seems to work. Point out if I didn't quite get the idea in a right way.

Thanks so much

[wimbarelds]

I think you understood what I meant yes. If it's working as you wanted it to now, than I'm sure you got it right!

[yuhao-nyc]

OK, cause earlier its really a mess.

[Voodaii]

I've been having a bit of trouble with my attempt to hide the days circle. The "text" and "color" attributes work perfectly, but the "show" attribute seems to have no effect. Here is my code, am I doing something wrong?

var timeCircles = $(".someTimer").TimeCircles({

"time": {
    "Days": {            
        "text": "Days",
        "color": "#FFCC66",
        "show": false
    },
    "Hours": {
        "text": "Hours",
        "color": "#99CCFF",
        "show": true
    },
    "Minutes": {
        "text": "Minutes",
        "color": "#BBFFBB",
        "show": true
    },
    "Seconds": {
        "text": "Seconds",
        "color": "#FF9999",
        "show": true
    }
}

});

Here is the full code:
circleTimer.txt

[yuhao-nyc]

I see everything looks OK from me. im not sure why it didnt work.
maybe try not define the function with timeCircles? and in later part of your code its controlling with that function

[yuhao-nyc]

if still not working try change the show attributes in TimeCircles.js. might not be a great idea tho

[wimbarelds]

Can you please show a codepen or something alike where you have your full code? An example page I can look at?