|
HTML - Countdown Clock
Hello,
I need a countdown clock thats big and counts down for 14 minutes and 43 sec and then resets itself, is it possible? It's for www.keepmyteenalive.org any other website suggestion are welcome, as it is my first website. thank you Similar TutorialsI am looking for HTML code that I can cut and paste for a countdown clock. I wanted to display a countdown from the 2009 NFL Draft which is 4/25/2009 at 3 PM Eastern time. If anyone has any suggestions on where to find this that would be great. Hey, Newbie to the forums here... Im searching for a HTML or CSS Count-up Clock That can display the following ex. 1 year 45 days Since My 25th Birthday I no there are tons of java scripts that can do that but the page im looking into using it on does not except java Can you please give me a sample code to show a digital clock which will refresh every second. We should have a select box :- 1)24 hour cycle 2)12 hour cycle and we should display the clock accordingly. It should also tell "AM / PM". I want a clock that updates by the minute that isn't analog for my website. Most of what I see are updating by the second, or are ASCII clocks. I just want something small and simple. I don't want to use JS because I think it's sort of messy and I prefer to stick with what I know, anyway (and I don't know a lot of JS-just enough to get by, really). I've seen clocks that weren't javascript, does anyone know of a code that I could use or could point me in the right direction? I want to put a simple live clock on my page, but many useful tags are restricted by the host (mocpages.com). MOCpages' documentation on disallowed HTML: http://mocpages.com/help/disallowed_html.php The restricted tags that I know of are <style>, <script>,<object>, <embed>, and <iframe> My URL, http://mocpages.com/home.php/1516, suggests that php may be acceptable as long as it doesn't use the restricted tags. The only other way I know of is to use the <img> tag with a server hosted clock. I have searched the internet and can't find one. If it helps, I can get away with inline css styles, since it isn't the <style> tag. Any other ideas? Anyone know a server hosted clock? ok I dont know what Im doing and Ive been trying find out how to get this thing to work Im new at this I know it is something simple but my eyes are getting tired Ive been at it for day I just dont get it I hope it gets easier soon HTML Code: <!-- START OF SCRIPT --><!-- HOW TO INSTALL DIGITAL COUNTDOWN:
1. Copy code into the HEAD section of document
2. Add the onLoad event handler into the BODY tag
3. Put last coding into the BODY section of document --><!-- STEP ONE: Add code into HEAD section of document -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="Evrsoft First Page" name="GENERATOR">
<script language="JavaScript" type="text/javascript">
<!-- Begin
//Created by DendE PhisH
function getTime() {
c1 = new Image(); c1.src = "1c.gif";
c2 = new Image(); c2.src = "2c.gif";
c3 = new Image(); c3.src = "3c.gif";
c4 = new Image(); c4.src = "4c.gif";
c5 = new Image(); c5.src = "5c.gif";
c6 = new Image(); c6.src = "6c.gif";
c7 = new Image(); c7.src = "7c.gif";
c8 = new Image(); c8.src = "8c.gif";
c9 = new Image(); c9.src = "9c.gif";
c0 = new Image(); c0.src = "0c.gif";
Cc = new Image(); Cc.src = "Cc.gif";
now = new Date();
//ENTER BELOW THE DATE YOU WISH TO COUNTDOWN TO
later = new Date("Dec 25 2006 0:00:01");
days = (later - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (later - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (later - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (later - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
if (secondsRound <= 01) {
document.images.g.src = c0.src;
document.images.h.src = eval("c"+secondsRound+".src");
}
else {
document.images.g.src = eval("c"+Math.floor(secondsRound/10)+".src");
document.images.h.src = eval("c"+(secondsRound%10)+".src");
}
if (minutesRound <= 24) {
document.images.d.src = c0.src;
document.images.e.src = eval("c"+minutesRound+".src");
}
else {
document.images.d.src = eval("c"+Math.floor(minutesRound/10)+".src");
document.images.e.src = eval("c"+(minutesRound%10)+".src");
}
if (hoursRound <= 9) {
document.images.y.src = c0.src;
document.images.z.src = eval("c"+hoursRound+".src");
}
else {
document.images.y.src = eval("c"+Math.floor(hoursRound/10)+".src");
document.images.z.src = eval("c"+(hoursRound%10)+".src");
}
if (daysRound <= 9) {
document.images.x.src = c0.src;
document.images.a.src = c0.src;
document.images.b.src = eval("c"+daysRound+".src");
}
if (daysRound <= 99) {
document.images.x.src = c0.src;
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
if (daysRound <= 999){
document.images.x.src = eval("c"+Math.floor(daysRound/100)+".src");
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
newtime = window.setTimeout("getTime();", 1000);
}
// End -->
</script><!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<title></title>
<style type="text/css">
div.c1 {text-align: center}
</style>
</head>
<body onload="getTime()">
<!-- STEP THREE: Copy code into BODY section of document -->
<div class="c1">
<h3>Countdown to Christmas (2006)</h3>
</div>
<div class="c1">
<table>
<tbody>
<tr>
<td valign="bottom" bgcolor="black"><img height="21" src="0c.gif" width="16" name="x" id="x"> <img height="21" src="0c.gif" width="16" name="a" id="a"> <img height="21" src="0c.gif" width=
"16" name="b" id="b"> <img height="21" src="Cc.gif" width="9" name="c" id="c"> <img height="21" src="0c.gif" width="16" name="y" id="y"> <img height="21" src="0c.gif" width="16" name="z"
id="z"> <img height="21" src="Cc.gif" width="9" name="cz" id="cz"> <img height="21" src="0c.gif" width="16" name="d" id="d"> <img height="21" src="0c.gif" width="16" name="e" id="e">
<img height="21" src="Cc.gif" width="9" name="f" id="f"> <img height="21" src="0c.gif" width="16" name="g" id="g"> <img height="21" src="0c.gif" width="16" name="h" id="h"></td>
</tr>
</tbody>
</table>
</div>
<div class="c1">
<h4>(Days : Hours : Minutes : Seconds)</h4>
</div><!-- END OF SCRIPT -->
</body>
</html>
Hi there, Does anyone know of a download for the countdown olympic clock 2012 that is available in html format. All the ones, I've seen uses Flash, whcih our website does not support. TIA well im looking for a code (maybe java) that will tell me how many times a link has been clicked or even better yet have a count down code. for example it will say 15 Clicks To Go! then after user A clicks it... 14 Clicks To Go! after user B clicks it... 13 Clicks To Go! after user C clicks it... etc, then finally when user J clicks it (or any following users)... Completed Challenge, Thank You! Hi everybody I hav a download website and im trying to create a coundown before the download botton appears just like (rapidshare and other file sharing websites) but i didnt found a solution i thought about a flash animation but i think its easier to index in html. so if someone hav an idea plz help me! thnx Hi Guys, I hope someone can help me out with this. I have a salespage at: http://www.conqueryourpart3.com I want to add a countdown timer to the top of this salespage. I have designed it and it works fine he http://www.conqueryourpart3.com/countdown1.htm I have copied the code from the countdown timer page and inserted it at the top of my salespage. However, the countdown timer doesn't work, it's no longer in the middle of the page and the text lower down the page now goes too close to the margins! See he http://www.conqueryourpart3.com/combined.htm Can anyone help me with this as I can't figure out what I've done wrong. Thanks, Simon Hi, I would be very grateful if someone would help me with the following: I need a countdown script for my site. And not teh ki9nd that counts down to a date or an hour or sm.. I need the kind that would produce the following effect: 1) when the visitor arrives to the site the number says 20 (example) 2) 10 minutes into his session it says 19 3) 20 minutes into his session it says 18 and so on... I am sure that can be done but I don't know how to do it. Any help is very appreciated. how to make java script (countdown) like rapidsahre/4shared? please...the code..!! to insert in blogger post? |
|||||||