Digital Workshop

I am making a studio clock and at the same time I want to make a countdown clock that counts down from the hour to 00:00.
At the start of the new hour, the countdown starts again at 59:59.
To visualize the clock I use the script Newtim as shown below.

var myDate = new Date();
var currHour = myDate.getHours();
var clockMinutes = myDate.getMinutes();
if (clockMinutes<10){
clockMinutes="0"+clockMinutes;
}
var clockSeconds = myDate.getSeconds();
if (clockSeconds<10){
clockSeconds="0"+clockSeconds;
}

NEWTIM=currHour+":"+clockMinutes+":"+clockSeconds;

This video shows how to count up:

https://www.youtube.com/watch?v=hME0zs9 ... 130JRwfNQc

Change the ticker to minus and set the starting value at the number you want and that should work.

</mack>

I'm gonne try it.

Thanks Mac

Hi Mac,
Script works fine. A few questions...
When the countdown reached 00:00 it displays 0-1:59
Is there a way to stop it automaticly and show 00:00 until you start it again?

My main question was if it is possible to get a Clock countdown, not a countdown clock that reads the actual time.
Let say it is 10:05:00 on the normal clock. The Countdown then automatically sets itself to 55:00 and counts back to 00:00 as the normal clock is at the next hour. When the new hour starts the countdown starts again with 59:59

The whole action should be automated.
I need the clock for a radiostation where i work as a dj.

Kind Regards,
Ad

mins = 5
secs = 30
total = 0
active = 1
if (TIME =='')
{
while (active == 1)
{
TIME = String(mins + ":" + String.format("02.0",secs))
wait(1)
secs--
total++

if (secs < 0)
{
secs = 59
mins --
}

if (mins < 0)
{
active = 0
}
}
}

This example will get the current time and count backwards.

You have to set the ticker speed accordingly and if you want it to reset at a different time other than midnight, set the myTicker = 0 to the right value.

</mack>

Hello Mac and AtakSport

I tried the script form Mac and it counts back form the current minutes and seconds at the moment you start.
I played with the script of AtakSport and modified it a bit so it works like i asked.
This is my modification:

mins = 60 - SYSTEM_TIME_MINUTE
secs = 60 - SYSTEM_TIME_SECOND
total = 0
active = 1
if (TIME =='')
{
while (active == 1)
{
TIME = String(mins + ":" + String.format("02.0",secs))
wait(1)
secs--
total++

if (secs < 0)
{
secs = 59
mins --
}

if (mins < 0)
{
active = 0
}
}
}


The script that is often use to display the clock is doing something stragen that i can't fix.
Runs fine but sets 1 hour up the current time... How can i fix it?

var myDate = new Date();
var currHour = myDate.getHours();
var clockMinutes = myDate.getMinutes();
if (clockMinutes<10){
clockMinutes="0"+clockMinutes;
}
var clockSeconds = myDate.getSeconds();
if (clockSeconds<10){
clockSeconds="0"+clockSeconds;
}

NEWTIM=currHour+":"+clockMinutes+":"+clockSeconds;

Try:



</mack>

The clock counts down but when it starts he runs in sync but after a few minutes the contdown drops seconds.
How can i clear that problem?

Can I first check is this HTML5 or Exe project?

</mack>

It is an EXE project.

I didn't realise there was a download.

Looking at that - you're running two loops - the ticker and the script while / wait. Personally, if I'm running things in sync, I would use one loop and calculate the clock and the countdown from that single point.

</mack>

Hello Mac,
2 loops? I was not aware of that. How do I make them both run in 1 loop?

Ad

I'd be inclined to just use the ticker.

You should change your script - the one with the while / wait loop so that it runs just once - basically it'll show the time remaining only when you run the script not every second in that while wait loop.

Then put what is left of the script into a function - so that you can call it when you.

Then you simply call the function from the ticker - hey presto - the time remaining is updated every second in sync with the other ticker events.

I would also suggest thinking about:

1. just use the ticker to control function rather than other events (setting of time) - this should be moved to the function where when you get the current time - you then use this to workout the time remaining.

2. this is the bigger one - use the same function to change those dots around the outside of the clock face. Each one appears to have an event handler - the program is checking lots and lots of things when really all you need to know is when each second passes from the ticker and use this to update everything else.

</mack>