How To Create A countdown

Dennisknows · 05-06-2012, 01:35 PM

Can someone please show me how to create a simple countdown for one of my landing pages...

What I'm trying to do is make a number like 102.3 (seconds.milliseconds) countdown to zero. I want it to start over for every visitor.

Just looking for regular text.. Nothing fancy..

I've been trying to find this script for a long time now (on and off a year) but can't come across what I need; not even with Google..

If it's some type of secret industry script, please email me about it..

I greatly appreciate it..

Brandon Tanner · 05-06-2012, 02:30 PM

What you're looking for is a Javascript countdown timer. If you Google it you'll find tons of choices and code examples.

FYI, a tenth of a second (as in your example) is called a decisecond. A millisecond would be like 102.3000, which would be extremely processor-intensive to count down and would probably crash most (if not all) of your visitor's browsers.

I would just use seconds if I were you. Any greater resolution than that, and you start risking potential browser/display issues with your visitors who are on slower connections.

Dennisknows · 05-06-2012, 02:59 PM

Learn something new everyday. I've done tons of searches but I don't think I searched for that exactly..

Thanks Brandon..

I'll get on it...

dbwebhosting · 05-06-2012, 05:08 PM

Javascript can do this, it will reset every time a user refreshes the page though

johndoejohndoe · 05-06-2012, 05:34 PM

Quote:

Originally Posted by dbwebhosting

Javascript can do this, it will reset every time a user refreshes the page though

I'm not sure if it's useful to OP either way, but it doesn't have restart every visit if you know how to use the javascript cookies plugin.

Dennisknows · 05-06-2012, 08:10 PM

Quote:

Originally Posted by johndoejohndoe

I'm not sure if it's useful to OP either way, but it doesn't have restart every visit if you know how to use the javascript cookies plugin.

I don't know anything about Javascript.. This is the dilemma I've been dealing with off and on for close to a year now...

It's been like a bad relationship; only if I get this one right, it will make me money instead of take it away...

I've found tons of scripts on timers and I can do those but all of them have to the date in them and i don't know enough about Javascript to edit it...

I'm starting to get the feeling that the javascript countdown I'm looking for in particular costs a lot of money....

Brandon Tanner · 05-06-2012, 08:43 PM

Dennis, check this out... it counts down by seconds only...

Countdown to extra profits -- Ask Michel Komarov

Dennisknows · 05-06-2012, 08:44 PM

Am I suppose to paste the countdown javascript code in a FILENAME.js file and then paste the "src=site.com/FILENAME.js" in the PHP coding?

or

can I just paste it in my PHP coding?

Dennisknows · 05-06-2012, 08:59 PM

Quote:

Originally Posted by Brandon Tanner

Dennis, check this out... it counts down by seconds only...

Countdown to extra profits -- Ask Michel Komarov

Brandon my man that was it.. Took me a minute of playing around with it but I got it working.. Now Im going to tweak it a bit..

I'm saving that script to my evernote so I can have it available at all times..

Thanks again man.. You really helped me out a lot with that..

Brandon Tanner · 05-06-2012, 09:39 PM

No worries... glad I could help!

lordspace · 05-07-2012, 10:53 PM

Hi Dennis,

have you checked this: jQuery Plugin: jQuery Countdown

webpeon · 05-08-2012, 06:29 PM

Quote:

Originally Posted by Brandon Tanner

FYI, a tenth of a second (as in your example) is called a decisecond.

Looks like I learnt something new today, its interesting I just learnt the other day that "jiffy" is actually a measurement as well, not just the slang ive always thought it to be.

TheApex · 05-09-2012, 02:52 AM

Hello,

I made a small javascript snippet, that may do what you want... or at least what I understand you want

However it may "force" the browser a bit, but it should be fine.

HTML Code:

<script>
milliseconds = 200 * 1000;  //countdown length

first = new Date().getTime();     
function start_cd()
{
     now = new Date().getTime() - first;
     document.getElementById('timer').innerHTML = Math.round((milliseconds - now)/1000*1000)/1000;
    
     if (milliseconds - now > 0)
             setTimeout("start_cd()", 1);

     
}
</script>

<body onLoad="start_cd();">
<div id="timer">
</div>
</body>

brandonthomas · 05-11-2012, 07:11 AM

In order to create a countdown timer in JavaScript you'll have to use the window.setTimeout function which will call a JavaScript function after a certain amount of time.

System Wide Solutions · 05-11-2012, 08:37 PM

Javascript count doen is the best solution. you can create very attractive ones.

ivankristianto · 05-13-2012, 05:58 AM

Give me your email, then i can email you my wordpress plugin for countdown.

Dennisknows · 05-13-2012, 09:11 AM

Quote:

Originally Posted by ivankristianto

Give me your email, then i can email you my wordpress plugin for countdown.

Ok.. Sending you a pm and a friend request now.. Thanks

Quote:

Originally Posted by System Wide Solutions

Javascript count doen is the best solution. you can create very attractive ones.

I guess I need to study JavaScript because I see that it is very valuable to Internet marketing. What's a good way to get started in learning JavaScript if anyone knows any

Brandon Tanner · 05-13-2012, 10:56 AM

Quote:

Originally Posted by Dennisknows

I guess I need to study JavaScript because I see that it is very valuable to Internet marketing. What's a good way to get started in learning JavaScript if anyone knows any

Yeah... Javascript is pretty cool. Just keep in mind that a small percentage (~ 1-2%) of your website visitors will have JS disabled in their browser, so you don't want to rely on JS for anything that is "mission critical". But for all other uses, it's fine.

That said, I think Tizag has excellent tutorials for beginners...

Javascript Tutorial - Intro

W3Schools also has good tutorials...

JavaScript Tutorial

ivankristianto · 05-15-2012, 01:55 AM

Hi Dennis,
since i cannot send pm (because my post is not 50 yet).
can you send me your email instead?
i will send it to your email.

Quote:

Originally Posted by Dennisknows

Ok.. Sending you a pm and a friend request now.. Thanks

I guess I need to study JavaScript because I see that it is very valuable to Internet marketing. What's a good way to get started in learning JavaScript if anyone knows any

shantanu · 05-15-2012, 02:28 PM

Easy way to get rid of this **** >> MAKE YOUR OWN COUNTER

Alternative Solution To This Problem

designdon · 05-15-2012, 07:12 PM

You can either use flash or php to make count down, according to me flash countdown is better

jewelraz · 05-16-2012, 06:48 AM

I will try with this keyword "Javascript countdown timer", I was also thinking about it.... I might need it if I move my site to another server.

thesilvershield · 07-21-2012, 06:15 AM

Quote:

Originally Posted by Brandon Tanner

Dennis, check this out... it counts down by seconds only...

Countdown to extra profits -- Ask Michel Komarov

I've been looking for such a countdown timer the whole day! Thanks a lot! The post you linked definitely solved my problem too!

xbluelinks · 07-21-2012, 06:53 AM

If you are using Wordpress, you may want to consider using Wordpress Countdown Plugins.

Here are a few good ones:

jaasmit · 07-22-2012, 05:10 AM

To create a countdown on your landing page then you have to do it with javascript and to do that you need to have proper knowledge and skill about programming language.

oknoorap · 07-24-2012, 09:27 AM

do you familiar with jQuery framework?, if you familiar then PM me (sorry but, I can't sit down everyday in front of my laptop)

antac · 07-25-2012, 12:38 PM

Can you put PHP or java on your site? If you can use java then try that. It should be real easy to make one that is constantly ticking down. Also, you can probably make one in flash. I know for a fact you could do one in PHP but it wouldn't tick down constantly, only when the page was refreshed. Try searching google for a premade one.

WebdevelopmentGroup · 07-25-2012, 08:40 PM

Are you looking for something like this:

LaunchSoon Demo

mmrumii · 07-26-2012, 01:53 AM

Here i have shared a link where you can find your solution.
you can create countdown by using javascript.

http://www.google.com/url?sa=t&rct=j...hObk6vsTfjky0w

ubaid12j · 07-27-2012, 03:18 AM

Use the following code.

Code:

<script language="JavaScript">

//Refresh page script- By Brett Taylor (glutnix@yahoo.com.au)
//Modified by Dynamic Drive for NS4, NS6+
//Visit http://www.dynamicdrive.com for this script

//configure refresh interval (in seconds)
var countDownInterval=60;
//configure width of displayed text, in px (applicable only in NS4)
var c_reloadwidth=200

</script>


<ilayer id="c_reload" width=&{c_reloadwidth}; ><layer id="c_reload2" width=&{c_reloadwidth}; left=0 top=0></layer></ilayer>

<script>

var countDownTime=countDownInterval+1;
function countDown(){
countDownTime--;
if (countDownTime <=0){
countDownTime=countDownInterval;
clearTimeout(counter)
window.location.reload()
return
}
if (document.all) //if IE 4+
document.all.countDownText.innerText = countDownTime+" ";
else if (document.getElementById) //else if NS6+
document.getElementById("countDownText").innerHTML=countDownTime+" "
else if (document.layers){ //CHANGE TEXT BELOW TO YOUR OWN
document.c_reload.document.c_reload2.document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' </b> seconds')
document.c_reload.document.c_reload2.document.close()
}
counter=setTimeout("countDown()", 1000);
}

function startit(){
if (document.all||document.getElementById) //CHANGE TEXT BELOW TO YOUR OWN
document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' </b> seconds')
countDown()
}

if (document.all||document.getElementById)
startit()
else
window.onload=startit

</script>

markmotts · 08-14-2012, 02:48 AM

Hey Gang - Do you know of a countdown timer solution that will work within a WSO post?

Brandon Tanner · 08-14-2012, 08:20 AM

Quote:

Originally Posted by markmotts

Hey Gang - Do you know of a countdown timer solution that will work within a WSO post?

Not possible, as you can't insert (working) HTML or Javascript into WF posts.

Hugo89 · 12-21-2012, 08:07 AM

Quote:

Originally Posted by Brandon Tanner

Dennis, check this out... it counts down by seconds only...

Countdown to extra profits -- Ask Michel Komarov

Thanks a lot for this !!

05-06-2012, 01:35 PM	#1
Dennisknows PreSposure.com Registered Member Join Date: Jun 2011 Location: In my signature Posts: 317 Thanks: 123 Thanked 75 Times in 61 Posts Social Networking Contact Info	How To Create A countdown Can someone please show me how to create a simple countdown for one of my landing pages... What I'm trying to do is make a number like 102.3 (seconds.milliseconds) countdown to zero. I want it to start over for every visitor. Just looking for regular text.. Nothing fancy.. I've been trying to find this script for a long time now (on and off a year) but can't come across what I need; not even with Google.. If it's some type of secret industry script, please email me about it.. I greatly appreciate it..
	Let Us Help You Get Higher Rankings In YouTube & Google We don't sell views! We sell EXPOSURE!! >> PreSposure.com <<

05-06-2012, 02:30 PM	#2
Brandon Tanner Advanced Warrior War Room Member Join Date: Jul 2006 Location: USA Posts: 2,470 Thanks: 160 Thanked 1,074 Times in 490 Posts	Re: How To Create A countdown What you're looking for is a Javascript countdown timer. If you Google it you'll find tons of choices and code examples. FYI, a tenth of a second (as in your example) is called a decisecond. A millisecond would be like 102.3000, which would be extremely processor-intensive to count down and would probably crash most (if not all) of your visitor's browsers. I would just use seconds if I were you. Any greater resolution than that, and you start risking potential browser/display issues with your visitors who are on slower connections.
	Unique Software For Creating Mobile Website Design "Mockups" CRAZY Fast ... FREE For War Room Members!

05-06-2012, 02:59 PM	#3
Dennisknows PreSposure.com Registered Member Join Date: Jun 2011 Location: In my signature Posts: 317 Thanks: 123 Thanked 75 Times in 61 Posts Social Networking Contact Info	Re: How To Create A countdown Learn something new everyday. I've done tons of searches but I don't think I searched for that exactly.. Thanks Brandon.. I'll get on it...
	Let Us Help You Get Higher Rankings In YouTube & Google We don't sell views! We sell EXPOSURE!! >> PreSposure.com <<

05-06-2012, 05:08 PM	#4
dbwebhosting HyperActive Warrior War Room Member Join Date: Mar 2012 Location: London Posts: 429 Thanks: 5 Thanked 27 Times in 27 Posts Social Networking	Re: How To Create A countdown Javascript can do this, it will reset every time a user refreshes the page though
	Lets Us Do Your Back linking >>> The Best SENuke X Campaign <<< Panda and Penguin friendly Cheap Web Hosting £2.49 per month Solar Energy Black Ops 2

05-06-2012, 08:43 PM	#7
Brandon Tanner Advanced Warrior War Room Member Join Date: Jul 2006 Location: USA Posts: 2,470 Thanks: 160 Thanked 1,074 Times in 490 Posts	Re: How To Create A countdown Dennis, check this out... it counts down by seconds only... Countdown to extra profits -- Ask Michel Komarov
	Unique Software For Creating Mobile Website Design "Mockups" CRAZY Fast ... FREE For War Room Members!

05-06-2012, 08:44 PM	#8
Dennisknows PreSposure.com Registered Member Join Date: Jun 2011 Location: In my signature Posts: 317 Thanks: 123 Thanked 75 Times in 61 Posts Social Networking Contact Info	How does Javascript work? Am I suppose to paste the countdown javascript code in a FILENAME.js file and then paste the "src=site.com/FILENAME.js" in the PHP coding? or can I just paste it in my PHP coding?
	Let Us Help You Get Higher Rankings In YouTube & Google We don't sell views! We sell EXPOSURE!! >> PreSposure.com <<

05-06-2012, 09:39 PM	#10
Brandon Tanner Advanced Warrior War Room Member Join Date: Jul 2006 Location: USA Posts: 2,470 Thanks: 160 Thanked 1,074 Times in 490 Posts	Re: How To Create A countdown No worries... glad I could help!
	Unique Software For Creating Mobile Website Design "Mockups" CRAZY Fast ... FREE For War Room Members!

05-07-2012, 10:53 PM	#11
lordspace Web Developer Join Date: Mar 2011 Location: Ontario, Canada Posts: 192 Thanks: 16 Thanked 25 Times in 24 Posts Social Networking	Re: How To Create A countdown Hi Dennis, have you checked this: jQuery Plugin: jQuery Countdown
	Free and Premium WordPress Plugins, Tutorials \| Web Development, Mobile Apps, WordPress Plugins

05-09-2012, 02:52 AM	#13
TheApex Warrior Member Join Date: May 2012 Posts: 15 Thanks: 0 Thanked 5 Times in 4 Posts	Re: How To Create A countdown Hello, I made a small javascript snippet, that may do what you want... or at least what I understand you want However it may "force" the browser a bit, but it should be fine. HTML Code: <script> milliseconds = 200 * 1000; //countdown length first = new Date().getTime(); function start_cd() { now = new Date().getTime() - first; document.getElementById('timer').innerHTML = Math.round((milliseconds - now)/1000*1000)/1000; if (milliseconds - now > 0) setTimeout("start_cd()", 1); } </script> <body onLoad="start_cd();"> <div id="timer"> </div> </body>

05-11-2012, 07:11 AM	#14
brandonthomas Banned Join Date: Apr 2012 Posts: 47 Thanks: 0 Thanked 2 Times in 2 Posts	Re: How To Create A countdown In order to create a countdown timer in JavaScript you'll have to use the window.setTimeout function which will call a JavaScript function after a certain amount of time.

05-11-2012, 08:37 PM	#15
System Wide Solutions Premium SEO Company War Room Member Join Date: Sep 2009 Posts: 421 Thanks: 53 Thanked 40 Times in 29 Posts	Re: How To Create A countdown Javascript count doen is the best solution. you can create very attractive ones.
	\| SEO Consultant \| Shane Hunter \|

05-13-2012, 05:58 AM	#16
ivankristianto Code Addicted Join Date: May 2011 Location: Jakarta Posts: 19 Thanks: 2 Thanked 3 Times in 3 Posts Social Networking Contact Info	Re: How To Create A countdown Give me your email, then i can email you my wordpress plugin for countdown.

05-15-2012, 02:28 PM	#20
shantanu Shantanu Join Date: Aug 2011 Location: New Delhi Posts: 253 Thanks: 4 Thanked 15 Times in 15 Posts Social Networking	Re: How To Create A countdown Easy way to get rid of this ** >> MAKE YOUR OWN COUNTER Alternative Solution** To This Problem
	Top 10 Tech News

05-15-2012, 07:12 PM	#21
designdon Warrior Member Join Date: May 2012 Posts: 1 Thanks: 0 Thanked 0 Times in 0 Posts	Re: How To Create A countdown You can either use flash or php to make count down, according to me flash countdown is better

05-16-2012, 06:48 AM	#22
jewelraz HyperActive Warrior Join Date: Mar 2012 Posts: 181 Thanks: 47 Thanked 5 Times in 5 Posts	Re: How To Create A countdown I will try with this keyword "Javascript countdown timer", I was also thinking about it.... I might need it if I move my site to another server.
	Dhaka Stock Exchange\|SEO Blog\|SEO Service provider\| Free web directory submission \| Cheap directory submission \| Seo friendly directory \| Manual directory submission site

07-21-2012, 06:53 AM	#24
xbluelinks HyperActive Warrior Join Date: Jul 2012 Posts: 110 Thanks: 3 Thanked 8 Times in 7 Posts	Re: How To Create A countdown If you are using Wordpress, you may want to consider using Wordpress Countdown Plugins. Here are a few good ones: WordPress › WordPress Countdown Plugin « WordPress Plugins WordPress › Countdown Timer « WordPress Plugins WordPress › Live Countdown Timer « WordPress Plugins

07-22-2012, 05:10 AM	#25
jaasmit HyperActive Warrior Join Date: Jul 2012 Posts: 198 Thanks: 0 Thanked 14 Times in 14 Posts	Re: How To Create A countdown To create a countdown on your landing page then you have to do it with javascript and to do that you need to have proper knowledge and skill about programming language.

07-24-2012, 09:27 AM	#26
oknoorap Wordpress Master Join Date: Jul 2010 Location: Asia Posts: 68 Thanks: 1 Thanked 4 Times in 4 Posts Social Networking Contact Info	Re: How To Create A countdown do you familiar with jQuery framework?, if you familiar then PM me (sorry but, I can't sit down everyday in front of my laptop)
	Just Web Developer.

07-25-2012, 12:38 PM	#27
antac Banned Join Date: Apr 2012 Posts: 402 Thanks: 0 Thanked 28 Times in 28 Posts	Re: How To Create A countdown Can you put PHP or java on your site? If you can use java then try that. It should be real easy to make one that is constantly ticking down. Also, you can probably make one in flash. I know for a fact you could do one in PHP but it wouldn't tick down constantly, only when the page was refreshed. Try searching google for a premade one.

07-25-2012, 08:40 PM	#28
WebdevelopmentGroup Graphics, PHP, .Net, Html War Room Member Join Date: Mar 2011 Location: New York, NY Posts: 1,700 Thanks: 164 Thanked 137 Times in 99 Posts Social Networking Contact Info	Re: How To Create A countdown Are you looking for something like this: LaunchSoon Demo
	WebDevelopmentGroup NYC & CA- Small Business Web Development, App Development, WordPress Development, Graphic Designs, Online Marketing, Local Marketing & more!. "Call us 1.800.219.1314 or message us!". Visit us today! "Now On Live Chat Mon-Fri.". www.WebDevelopmentGroup.org

07-26-2012, 01:53 AM	#29
mmrumii Advanced Warrior Join Date: Apr 2012 Location: Bangladesh Posts: 697 Thanks: 0 Thanked 49 Times in 47 Posts Social Networking Contact Info	Re: How To Create A countdown Here i have shared a link where you can find your solution. you can create countdown by using javascript. http://www.google.com/url?sa=t&rct=j...hObk6vsTfjky0w
	Blog about Content Locking and CPA

07-27-2012, 03:18 AM	#30
ubaid12j Warrior Member Join Date: Jun 2012 Posts: 26 Thanks: 0 Thanked 0 Times in 0 Posts	Re: How To Create A countdown Use the following code. Code: <script language="JavaScript"> //Refresh page script- By Brett Taylor (glutnix@yahoo.com.au) //Modified by Dynamic Drive for NS4, NS6+ //Visit http://www.dynamicdrive.com for this script //configure refresh interval (in seconds) var countDownInterval=60; //configure width of displayed text, in px (applicable only in NS4) var c_reloadwidth=200 </script> <ilayer id="c_reload" width=&{c_reloadwidth}; ><layer id="c_reload2" width=&{c_reloadwidth}; left=0 top=0></layer></ilayer> <script> var countDownTime=countDownInterval+1; function countDown(){ countDownTime--; if (countDownTime <=0){ countDownTime=countDownInterval; clearTimeout(counter) window.location.reload() return } if (document.all) //if IE 4+ document.all.countDownText.innerText = countDownTime+" "; else if (document.getElementById) //else if NS6+ document.getElementById("countDownText").innerHTML=countDownTime+" " else if (document.layers){ //CHANGE TEXT BELOW TO YOUR OWN document.c_reload.document.c_reload2.document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' </b> seconds') document.c_reload.document.c_reload2.document.close() } counter=setTimeout("countDown()", 1000); } function startit(){ if (document.all\|\|document.getElementById) //CHANGE TEXT BELOW TO YOUR OWN document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' </b> seconds') countDown() } if (document.all\|\|document.getElementById) startit() else window.onload=startit </script>
	free wordpress themes free joomla templates free premium wordpress themes

08-14-2012, 02:48 AM	#31
markmotts Warrior Member War Room Member Join Date: Jun 2009 Location: Basingstoke, UK Posts: 24 Thanks: 29 Thanked 5 Times in 5 Posts	Re: How To Create A countdown Hey Gang - Do you know of a countdown timer solution that will work within a WSO post?
	Mark - Software 4 Profits Kindle Answers Software - Research & Promotion