Project

General

Profile

Need a countdown (timer) for your site?

Added by Brian Schwartz over 8 years ago

Here are a couple ways to display a countdown timer on your site:

http://www.countingdownto.com

OR use this script:


<center>
<script language="JavaScript">
TargetDate = "5/5/2020 5:00 AM";
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
FinishMessage = "It is finally here!";
</script>
<script language="JavaScript" src="http://sandbox.selfpublish.org/js/countdown.js"></script>
</center>


Notice where you change the target date. You can also control colors if you look closely at the snippet:
BackColor = "palegreen";
ForeColor = "navy";

You can see both options in action at: http://winterlinestories.com/drafts/countdown.md


Replies (3)

RE: Need a countdown (timer) for your site? - Added by Brian Schwartz about 8 years ago

I just found one I really like at:

http://itsalmo.st/

Yes, you can easily embed it on your PubWriter site!

~Brian

RE: Need a countdown (timer) for your site? - Added by Brian Schwartz over 7 years ago

I also like the simplicity, speed, and responsiveness of:

https://www.tickcounter.com

RE: Need a countdown (timer) for your site? - Added by Brian Schwartz almost 6 years ago

Here's another one:
https://countdown.onlineclock.net/generator/

You can use the div id="countbox" to customize a look of the countdown in your stylesheet.

See sample in use at:
https://read.pubwriter.com/countdown.md

    (1-3/3)