Countdown to the end of your offer -- Ask Michel Komarov

Countdown to the end of your offer

One of the strongest motivators to get people to order from you is the fear of loss.

What better way to do this then to say to your potential customers that your special offer will expire by a certain date. To make this even more powerful how about this date counts down as each day passes?

How many more sales do you think you’ll make if your potential customers believed that if they didn’t order by a certain date they would lose out?

This script will give you the chance to find out.

Here’s how to install today’s script…

A. Select all of the text in the first box below then copy to clipboard (Ctrl+c) then paste (Ctrl+v) it above the </head> tag of your HTML source code.

<script language="JavaScript" type="text/javascript">
<!--
  // Script created by http://icoder.com
  // Subscribe to freescripts@icoder.com for this
  // and many other essential web site scripts.

  function advanceDate(y, m, d) {
    document.write(dateToString(new Date(y, m-1, d)));
  }
  function dateToString(d) {
    return ["Sunday", "Monday", "Tuesday", "Wednesday",
    "Thursday", "Friday", "Saturday"][d.getDay()] +
    " - " +
    ["January", "February", "March", "April", "May",
    "June", "July", "August", "September", "October",
    "November", "December"][d.getMonth()] + " " +
    d.getDate() + ", " + d.getFullYear();
  }
  function toAdvanceDate(y, m, d, elementID) {
    var expireID = "_expires"
      +Math.floor(1000*Math.random());
    document.write("<span id='"+expireID+"'></span>");
    setExpiry(y, m-1, d, expireID, elementID);
  }
  function setExpiry(y, m, d, expireID, elementID) {
    var expireObj = document.getElementById(expireID);
    if (expireObj) {
      expireObj.innerHTML = getExpiry(y, m, d, elementID);
      setTimeout("setExpiry('"+y+"','"+m+"','"+d+"','"
        +expireID+"','"+elementID+"')", 1000);
    }
  }
  function getExpiry(y, m, d, elementID) {
    var expiry = new Date(y, m, d);
    var today = new Date();
    if (today > expiry) {
      if (elementID) {
        var hideObj = document.getElementById(elementID);
        if (hideObj) hideObj.style.display = "none";
      }
      return "no time";
    } else {
      var diff = expiry - today;
      var days = parseInt(diff/86400000);
      diff -= 86400000 * days;
      var hours = parseInt(diff/3600000);
      diff -= 3600000 * hours;
      var minutes = parseInt(diff/60000);
      diff -= 60000 * minutes;
      var seconds = parseInt(diff/1000);
      return days+" days "+hours+" hours "
      +minutes+" minutes "+seconds+" seconds ";
    }
  }
//-->
</script>

B. Select all of the text in the second box below then copy to clipboard (Ctrl+c), then paste (Ctrl+v) the HTML code you’ve just selected into the source code of your web page anywhere between the <body> and </body> tags. The position you choose is where advanced date will appear.

Note. You should edit the year, the month and the day within the brackets (year, month, day) accordingly to your advanced date.

<script>advanceDate(2009, 12, 31)</script>

C. Select all of the text in the second box below then copy to clipboard (Ctrl+c), then paste (Ctrl+v) the HTML code you’ve just selected into the source code of your web page anywhere between the <body> and </body> tags. The position you choose is where number of days till advanced date will appear.

Note. You should edit the year, the month and the day within the brackets (year, month, day) accordingly to your advanced date.
You also can add an ID of the HTML-element you’d like to hide after the date expire: (year, month, day, elementID).

<script>toAdvanceDate(2009, 12, 31, "mySpecialOffer")</script>

That’s all there is to it, you can see how it should look when you’ve installed it on your web page.

Sample for the code:
<h4 id="mySpecialOffer">My Special Offer would be available until <script>advanceDate(2009, 12, 31)</script></h4> <div>You have <script>toAdvanceDate(2009, 12, 31, "mySpecialOffer")</script> </div>

My Special Offer would be available
until

You have

Sample for the code:
<h4 id="myOffer">My Special Offer would be available until <script>advanceDate(2005, 12, 31)</script></h4> <div>You have <script>toAdvanceDate(2005, 12, 31, "myOffer")</script> </div>

My Special Offer would be available
until

You have

Share in social bookmarking:These icons link to social bookmarking sites where readers can share and discover new web pages.

Related Articles:

How to install JavaScrips...

This entry was posted on Saturday, May 27th, 2006 at 07:22 and is filed under JavaScript Tips, Plug-in Scripts, Sales Pages. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.

Got a question? Leave a Reply

You must be logged in to post a comment.

Ask Michel Komarov