Can you please use more digits for days?

Please use the form from my author’s page to send me more details in order to fix the issue.

Hi there and thank you for your interest! Here you can check the time-zone selection – http://preview.codecanyon.net/item/jquery-responsive-countdown-with-visual-builder/full_screen_preview/6720760

There is callback which only executes and the target date/time is reached.

I guess you may need to check the client time on each page load. If it is between 2 and 4 you may open the dialog. Inside it you can place the countdown with target date/time 4:00. This way if a visitor stays on page the countdown will expire and close the dialog (end timer callback). Other case is if visitor opens the page just before 2am. Maybe we need second countdown that expires in 2am. So most likely two countdowns can do the job. On page load one should use a bit of JavaScript to set its target date to 2am (if it is earlier than 2am). The other one should be set to 4am if it is earlier than 4am. First should open the dialog on expire callback. Second should close the dialog.

My point is that only the timer itself does not have all these features you request. Some additional JavaScript should be used, which checks for current time, sets the target date/time, activates the needed 0, 1 or 2 countdowns.

please try this complete function. it tries to clone two canvas objects in order to make visible the zeroes and the labels. my plugin code destroys the countdown on complete, so i propose this workaround. you need to set the “first_countdown” string with the value of your countdown object. i hope that helps. look into documentation to see how you may add complete handler.

note: this will work on a page with one countdown i think.

complete: function(){
    var new_canvas = $( "#panel_static" ).clone();
    var context = new_canvas.get(0).getContext('2d');            
    context.drawImage($( "#panel_static" ).get(0), 0, 0);
    new_canvas.appendTo( "#first_countdown" );
        new_canvas = $( "#panel_labels" ).clone();
    context = new_canvas.get(0).getContext('2d');            
    context.drawImage($( "#panel_labels" ).get(0), 0, 0);
    new_canvas.appendTo( "#first_countdown" );            
}

This is working. Thanks

Can you please rate my item? It helps me a lot.

Thank you for your interest. In order to do that you need to use some JavaScript. Maybe create a cookie upon first visit that stores the target date/time. This cookie can be used to show remaining time when user revisits the page. Cookie can be set to expire right after the target date/time so page can show the timer again if needed. Cookie can be set to never expire in order to not show the countdown after it reaches the target date/time. The countdown has a on complete handler that fires when it expires. If the countdown expires while the page is closed it can do nothing because it is client based.

So the countdown does not have interface to setup this behavior, but it can be done with some additional JavaScript. My rate is 15$/h.

Demo is fixed. Thanks again!

The script is working is now working! Thanks for your help. Have a Happy Year and much success.

Thank you. If you like my script – please leave a rating – it helps me a lot.

Sorry for the late reply. What new feature interests you?

Not readily accessible. How about using separate div, above the countdown for the title? If you cannot do that write me from my author’s page with link, or send me files.

Does it look ok on other screens? Do you have it implemented somewhere, so I can have a look? I found work arounds, that play with canvas size and can fix that issue. Can you write me through my profile’s page, so I can reply.

I don’t think that this JavaScript error has anything to do with the counter. Here is what I found: https://rollbar.com/blog/top-10-javascript-errors/ (#2). “This is an error that occurs in Safari when you read a property or call a method on an undefined object. You can test this very easily in the Safari Developer Console.”

I guess you mean the Wordpress version? I must admit that this is the first offer and I don’t have the experience how to handle that. I read about the extended license and it seems it allows that. I was not able to add a price for extended license though. There is no interface for such action in my Edit item page . Will try to resolve that later.

Hi, yes that is possible. You may use PHP to take the time from the server/database/etc. and echo it as value for the target date of the countdown.

What exactly you want to customize?

It can execute Javascript function.