The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

countdown timer,with (days),hours,minutes ,seconds

+2
int20h
k1ll3r_4ss4ssins
6 posters

Go down

countdown timer,with (days),hours,minutes ,seconds Empty countdown timer,with (days),hours,minutes ,seconds

Post by k1ll3r_4ss4ssins December 16th 2009, 8:32 am

Hi...Hello

I been looking for a countdown timer,with hrs,min,sec that repeat the same countdown in a certain time frame of the counter being finish i would also like if i could add my own custom background if that's not to much

i would also want a second countdown that display -- day,hrs,min,sec that repeat the same countdown in a certain time frame of the counter being finish i would also like if i could add my own custom background if that's not to much


p.s i search the forum i only find one time use counters
i been looking for like 3 days if you could help i would appreciate it salut
avatar
k1ll3r_4ss4ssins
New Member

Posts : 4
Reputation : 0
Language : english

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by int20h December 16th 2009, 9:01 am

just like this sir...?

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyNjA5NTAzNjYzNDMmcHQ9MTI2MDk1MDM4MjY*MCZwPTEzNDgxMSZkPUNocmlzdG1hcyUyMENvdW5*ZG93biwlMjBGQiZnPTEmb2Y9MA==.gif" /><div style="width:468px; border: dotted thin green;background-color:#ffffff">
<embed src="http://s3.amazonaws.com/fbncds/xmas-countdownf-fb.swf" width="468" height="80" AllowScriptAccess="always" quality="high" bgcolor="#008500" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" style="border: dotted thin orangered"></embed><div style="text-align:center;font-size:11px;font-family:sans-serif"><a href="http://www.flashbannernow.com/free-flash/christmas-countdown-flash.php" target="_blank">Christmas countdown at FlashBannerNow.com</a></div></div>



put this code to your widgets sir..
this is a christmas countdown...

good luck...
int20h
int20h
New Member

Posts : 14
Reputation : 0
Language : English, Tagalog

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by Reign December 16th 2009, 9:28 am

Code:
<object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=000B30&bgcolor=FFFFFF&date_month=12&date_day=25&date_year=0&un=CHRISTMAS&size=big&mo=12&da=25&yr=2009" width="313" height="100"><param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=000B30&bgcolor=FFFFFF&date_month=12&date_day=25&date_year=0&un=CHRISTMAS&size=big&mo=12&da=25&yr=2009" /><param name="bgcolor" value="#FFFFFF" /></object><img src="http://www.oneplusyou.com/q/img/bb_badges/countdown.jpg" alt="" style="display: none;" height="1" width="1" />

For Christmas

Code:
<object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=0099FF&bgcolor=FFFFFF&date_month=01&date_day=01&date_year=1&un=NEW YEAR&size=normal&mo=01&da=01&yr=2010" width="250" height="80"><param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=0099FF&bgcolor=FFFFFF&date_month=01&date_day=01&date_year=1&un=NEW YEAR&size=normal&mo=01&da=01&yr=2010" /><param name="bgcolor" value="#FFFFFF" /></object><img src="http://www.oneplusyou.com/q/img/bb_badges/countdown.jpg" alt="" style="display: none;" height="1" width="1" />
For New Year
avatar
Reign
Forumember

Posts : 122
Reputation : 0
Language : english

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by k1ll3r_4ss4ssins December 16th 2009, 10:04 am

this is what I'm looking for in the first countdown: start time 3 hours....reach zero wait 1 hour 30 minutes the counter counts down from 3 hours again...something like that

second countdown would be like something like: 7 days start .....reach zero 1 hour 30 minutes the counter counts down from 7 days again...something like that
avatar
k1ll3r_4ss4ssins
New Member

Posts : 4
Reputation : 0
Language : english

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by exterminator December 16th 2009, 10:30 am

You can visit my site, a countdown every second, minute, hour, day.... to Christmas or whatever you want.

http://khoahoctunhien.2forum.biz

If you like it, i'll share it later Smile.
exterminator
exterminator
Forumember

Male Posts : 106
Reputation : 4
Language : English, Japanese, Vietnamese, HTML, Javascript, C, C++, C#, VB.Net
Location : Hochiminh City - Vietnam

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by Reign December 16th 2009, 10:40 am

exterminator

your forum is cool

and please answer https://help.forumotion.com/script-code-problems-f43/vbulletin-style-login-t56901.htm

btw

how did you make the side menu please and step by step Very Happy
avatar
Reign
Forumember

Posts : 122
Reputation : 0
Language : english

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by k1ll3r_4ss4ssins December 16th 2009, 12:36 pm

exterminator wrote:You can visit my site, a countdown every second, minute, hour, day.... to Christmas or whatever you want.

http://khoahoctunhien.2forum.biz

If you like it, i'll share it later Smile.

ok does it repeat....???

http://sorrow.1talk.net/

there's my forum i want it to fit on the right side of my forum
avatar
k1ll3r_4ss4ssins
New Member

Posts : 4
Reputation : 0
Language : english

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by exterminator December 16th 2009, 12:52 pm

Here you go :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" id="min-width" lang="vi" xml:lang="vi" xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />


<style style="text/css">

.lcdstyle{ /*Example CSS to create LCD countdown look*/
background-color:transparent;
color:red;
font: bold 18px MS Sans Serif;
padding: 3px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%
}

</style>

<script type="text/javascript">


function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}

cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}

cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}

cdtime.prototype.showresults=function(){
var thisobj=this


var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////

//Create your own custom format function to pass into cdtime.displaycountdown()
//Use arguments[0] to access "Days" left
//Use arguments[1] to access "Hours" left
//Use arguments[2] to access "Minutes" left
//Use arguments[3] to access "Seconds" left

//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc


function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring=arguments[0]+" days "+arguments[1]+" hours "+arguments[2]+" minutes "+arguments[3]+" seconds left until March 23, 2009 18:25:00"
}
else{ //else if target date/time met
var displaystring="" //Hiển thị thông báo ngày hẹn đã đến
}
return displaystring
}

function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="Chỉ còn <span class='lcdstyle'>"+arguments[0]+" <sup>days</sup> "+arguments[1]+" <sup>hours</sup> "+arguments[2]+" <sup>minutes</sup> "+arguments[3]+" <sup>seconds</sup></span> là đến Giáng Sinh 2009!"
}
else{ //else if target date/time met
var displaystring="" //Don't display any text
alert("Christmas is here!") //Instead, perform a custom alert
}
return displaystring
}

</script>




</head>




<body style="background:#efefef">




<div id="countdowncontainer"></div>

<div id="countdowncontainer2"></div>
<br />

<script type="text/javascript">

var futuredate=new cdtime("countdowncontainer", "March 23, 2009 18:25:00")
futuredate.displaycountdown("days", formatresults)

var currentyear=new Date().getFullYear()
//dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1
var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>25)? currentyear+1 : currentyear
var christmas=new cdtime("countdowncontainer2", "December 25, "+thischristmasyear+" 0:0:00")
christmas.displaycountdown("days", formatresults2)

</script>
</body>
</html>

Change the code if you want.

@Reign : Ok, i'll share it later. I promise Wink.
exterminator
exterminator
Forumember

Male Posts : 106
Reputation : 4
Language : English, Japanese, Vietnamese, HTML, Javascript, C, C++, C#, VB.Net
Location : Hochiminh City - Vietnam

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by Jophy December 16th 2009, 12:59 pm

exterminator wrote:You can visit my site, a countdown every second, minute, hour, day.... to Christmas or whatever you want.

http://khoahoctunhien.2forum.biz

If you like it, i'll share it later Smile.

you don't need to show your forum, just provide the steps on how to do it and these is considered advertsing.
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by k1ll3r_4ss4ssins December 16th 2009, 1:11 pm

exterminator wrote:Here you go :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" id="min-width" lang="vi" xml:lang="vi" xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />


<style style="text/css">

.lcdstyle{ /*Example CSS to create LCD countdown look*/
background-color:transparent;
color:red;
font: bold 18px MS Sans Serif;
padding: 3px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%
}

</style>

<script type="text/javascript">


function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}

cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}

cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}

cdtime.prototype.showresults=function(){
var thisobj=this


var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////

//Create your own custom format function to pass into cdtime.displaycountdown()
//Use arguments[0] to access "Days" left
//Use arguments[1] to access "Hours" left
//Use arguments[2] to access "Minutes" left
//Use arguments[3] to access "Seconds" left

//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc


function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring=arguments[0]+" days "+arguments[1]+" hours "+arguments[2]+" minutes "+arguments[3]+" seconds left until March 23, 2009 18:25:00"
}
else{ //else if target date/time met
var displaystring="" //Hiển thị thông báo ngày hẹn đã đến
}
return displaystring
}

function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="Chỉ còn <span class='lcdstyle'>"+arguments[0]+" <sup>days</sup> "+arguments[1]+" <sup>hours</sup> "+arguments[2]+" <sup>minutes</sup> "+arguments[3]+" <sup>seconds</sup></span> là đến Giáng Sinh 2009!"
}
else{ //else if target date/time met
var displaystring="" //Don't display any text
alert("Christmas is here!") //Instead, perform a custom alert
}
return displaystring
}

</script>




</head>




<body style="background:#efefef">




<div id="countdowncontainer"></div>

<div id="countdowncontainer2"></div>
<br />

<script type="text/javascript">

var futuredate=new cdtime("countdowncontainer", "March 23, 2009 18:25:00")
futuredate.displaycountdown("days", formatresults)

var currentyear=new Date().getFullYear()
//dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1
var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>25)? currentyear+1 : currentyear
var christmas=new cdtime("countdowncontainer2", "December 25, "+thischristmasyear+" 0:0:00")
christmas.displaycountdown("days", formatresults2)

</script>
</body>
</html>

Change the code if you want.

@Reign : Ok, i'll share it later. I promise Wink.

thanx I'm going to play around with it I'm not good at these things can you direct me to a Tut....much appreciated rabbit
avatar
k1ll3r_4ss4ssins
New Member

Posts : 4
Reputation : 0
Language : english

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by exterminator December 16th 2009, 1:16 pm

zoids25 wrote:
exterminator wrote:You can visit my site, a countdown every second, minute, hour, day.... to Christmas or whatever you want.

http://khoahoctunhien.2forum.biz

If you like it, i'll share it later Smile.

you don't need to show your forum, just provide the steps on how to do it and these is considered advertsing.

I showed, dude. But i must ask him if this is what he wants. You are a staff, so acting like a real staff, man.
exterminator
exterminator
Forumember

Male Posts : 106
Reputation : 4
Language : English, Japanese, Vietnamese, HTML, Javascript, C, C++, C#, VB.Net
Location : Hochiminh City - Vietnam

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by Reign December 16th 2009, 1:31 pm

thanks but i figure it out

the vb log in style Razz
avatar
Reign
Forumember

Posts : 122
Reputation : 0
Language : english

Back to top Go down

countdown timer,with (days),hours,minutes ,seconds Empty Re: countdown timer,with (days),hours,minutes ,seconds

Post by *Bella Cullen* December 29th 2009, 8:26 pm

Is there a countdown for new year too?
*Bella Cullen*
*Bella Cullen*
New Member

Female Posts : 8
Reputation : 0
Language : English and German
Location : Austria

http://the-twilight-rpg.forumotion.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum