Giter Site home page Giter Site logo

Comments (4)

wimbarelds avatar wimbarelds commented on July 19, 2024

Yes this is possible and should be relatively easy. Can you provide a code sample? I'll plug the solution in there.

from timecircles.

sygad avatar sygad commented on July 19, 2024

Hi,

Hope this helps,

/* jQuery Mobile Stuff /
/
PAGE BEFORE SHOW (This is the page we are about to show) */
$('div[data-role="page"]').on('pagebeforeshow', function()
{

var duration=0;
var pageID = $(this).attr('id')
//console.log('pageID: '+pageID);

if ( $('#'+pageID+' .countDownTimer').length )
{
    //determine countdown timer length
    duration = $('#'+pageID+' .countDownTimer').attr('data-timer')  
    //console.log('duration: '+duration);
}

/* TIME CIRCLES */
    $('#'+pageID+' .countDownTimer').TimeCircles(
    {
        start: false,
        refresh_interval: 0.01,
        count_past_zero: false,
        use_background: false,
        fg_width: 0.05,


        total_duration: duration,  //throws an error


        time: { 
            Days: {
                show: false,
            },
            Hours: {
                show: false,
            },
            Minutes: {
                show: false,
            },
            Seconds: {
                show: true,
                text: "",
                color: "#fff"
            }
        }
    });

})
/* END PAGE BEFORE SHOW */

from timecircles.

wimbarelds avatar wimbarelds commented on July 19, 2024

It throws an error because it's a string, it should be a number. Change total_duration: duration to total_duration: parseInt(duration) (Or parseFloat, if the number isn't always a whole number)

from timecircles.

sygad avatar sygad commented on July 19, 2024

Doh!!!!

Can't believe I never saw that.

Cheers, works perfectly now.

from timecircles.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.