|
HTML - Digital Clock
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". 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. 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? 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 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 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 |
|||||||