iWeb Icon

Adding a countdown timer to a webpage

With the Countdown widget, you can add a countdown timer to any page of your website to display the time left until an event, such as a holiday or birthday, occurs.

To add a countdown timer:

  1. Select the page you want to add the timer to by clicking it in the sidebar on the left of the iWeb window.

  2. If the Media Browser isn’t open, click the Show Media button in the toolbar at the bottom of the iWeb window, and then click the Widgets button.

  3. Image of Show Media button.
  4. Drag the Countdown widget to the page.

  5. Image of Countdown widget.
  6. In the Countdown window, specify the details of the timer:

  7. Style: Choose a new style.

    Display: Specify which time intervals the timer displays, from years to seconds, by clicking the buttons at either end of the Display bar and dragging left or right.

    If you want the interval names to show below the timer, select the Labels checkbox.

    Countdown To: Select the date and time you want the timer to count down to using the arrows next to the Date and Time fields. Or, click the calendar icon to open the date selector. First select a month and year (click the right or left arrow in the upper-right corner to choose a dfferent year), and then click the arrow in the upper-left corner to select a specific date.

  8. Drag the timer where you want it to appear on the page; drag the handles to resize it.

You can choose a different font and color for the timer labels by clicking the Fonts button in the toolbar at the bottom of the iWeb window. If you choose the plain text style of timer, your new font and color choices apply to the timer numbers as well.

When the countdown finishes, you can delete the timer from the page if you want. To delete a timer, select it and press the Delete key. It is removed from your live site the next time you republish.

Was this page helpful? Send feedback.