[Javascript] moving a gif pointer in accordance with the timer position

[dev at qroute.net]

Say I have an table with 10 horiziontal cells each having a number from 1 to
10 like following;

1 |  2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10


Plan a timer for one minute.
If the timer currently  is in between 1 and 10'th seconds, the gif pointer
in the above table ( *) will appear in the corresponding cell that is 1.

If the timer currently  is in between 10th and 20th seconds, the gif pointer
in the above table ( *) will then appear in the second cell.

What elements and tricks do I need to make this happen ?

I am thinking setting divisions in the table cell.
and when the right time comes set the <img src=*.gif> to the corresponding
division.

Any suggestions ?