|
HTML - Help! Count-up Clock
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 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. 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? 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 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 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? Hi New to the forum, but think this might be the place for questions like this.. :-) Have a problem with a facebook statement I'd like to use in my learning-project to handle comments etc. The commenting module is workin perfect, but the statement to get the number of comments have problems in IE-browsers prior to v9. Probably I'm doing something wrong in the wrapping, but I need someone to tell me what... The statement should according to FB be pronounced like: Code: <fb:comments-count href=http://example.com/></fb:comments-count> And the result should be a number (stating the number of comments) In my site I've wrapped the statement in a number of span's like this: Code: <span style="float:left">Denna post har </span>
<span style="float:left"><fb:comments-count href='www.hvid.nu/patricks_blogg/post/{url_title}'}</fb:comments-count></a></span>
<span style="float:left"><a href="patricks_blogg/post/{url_title}"> kommentarer</a></span>
Producing the line: Denna post har X kommentarer. This works for ALL browsers exept IE8 and down, where the rendering totally stops after the fb:comments-count -statement. (it works for IE9 by some peculiar reason) Anyone have a clue on how wo wrap this in order to have IE to understand? Best regards /Patrick plz see this code...dont have a clue whats the problem.. <html> <head> <TITLE>Download </TITLE> bla bla.... </head> <body> <!---adsense code---> <script type="text/javascript"><!-- google_ad_client = "pub-9146078537063606"; /* 728x90, created 5/4/09 */ google_ad_slot = "7719022877"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <!---tracking code---> <script language="Javascript" src="http://gd.geobytes.com/Gd?after=-1"></script> <script language="javascript"> var s1Locations="US,UK"; var s2Locations="CA,DE,FR,ES,IT,AT,RU,PT,GR,NL,CH,SE,FI,NO,DK,PL,UA,CZ,TR,BR,MX,AR"; var sCountryCode=sGeobytesLocationCode.substring(0,2); if(s1Locations.indexOf(sCountryCode)>=0) { document.write('<iframe width="100%" height="795" scrolling="no" src=some.html</frame>'); }else if(s2Locations.indexOf(sCountryCode)>=0) { document.write('<iframe width="100%" height="1410" scrolling="no" src=some.html></frame>'); }else { document.write('<iframe width="100%" height="1065" scrolling="no" src=some.html></frame>'); } </script> <!---bellow this portion doesnt load----> <!---adsense code---> <script type="text/javascript"><!-- google_ad_client = "pub-9146078537063606"; /* 728x90, created 5/4/09 */ google_ad_slot = "4901093199"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <iframe width="100%" height="120" allowtransparency="false" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" scrolling="no" src="http://static.totalh.com/stat.html"></iframe> </body> </html> would anyone have some suggestion..whats happening? :?: p/s: i tried it using <div></div> on each portion but yet it wastnt working..?! is there any problem in blue portion..or something? I hope this is posted in the right section. If not, I would appreciate some advice as to which forum section to post in. I'm after code / software that can automatically detect the number of words in a range of different document formats. It's for a proofreading website so has to be reliable. Any help or suggestions would be much appreciated. Louis. Hello, I have actually no clue about html but I was wondering if it is possible to make a simple count up that looks like this: 10457 litres of water saved Whereas the number of litres counts up constantly let's say by 1 litre every 5 seconds or so, based on the current average water savings. Is this possible to do in html? Thanks W. Hi! I'm a html novis in need of a helping hand. I'm a musician and I use my homepage as my "portfolio" for live gigs etc. Everything works more or less as it should but I'm missing a key feature; I want to see how many plays each song have. I've got a click-counter that works on html-links, but my songs are played in some kind of flash-player and I cant implement the click-count feature on it... I'm stuck! Anyone have any kind of idea on how to solve this? Anything goes; a totally different player, "ugly html", whatever let me see how many plays each song have. My current player looks like this: http://i34.tinypic.com/10yj238.jpg And the code looks like this: Quote: <p><object codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" height="27" width="390" align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param name="_cx" value="10583"><param name="_cy" value="714"><param name="FlashVars" value=""><param name="Movie" value="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=url to mp3"><param name="Src" value="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=url to mp3"><param name="WMode" value="Window"><param name="Play" value="0"><param name="Loop" value="-1"><param name="Quality" value="High"><param name="SAlign" value="LT"><param name="Menu" value="-1"><param name="Base" value=""><param name="AllowScriptAccess" value="never"><param name="Scale" value="NoScale"><param name="DeviceFont" value="0"><param name="EmbedMovie" value="0"><param name="BGColor" value=""><param name="SWRemote" value=""><param name="MovieData" value=""><param name="SeamlessTabbing" value="1"><param name="Profile" value="0"><param name="ProfileAddress" value=""><param name="ProfilePort" value="0"><param name="AllowNetworking" value="all"><param name="AllowFullScreen" value="false"><embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=url to mp3" allowscriptaccess="never" quality="best" bgcolor="#FFFFFF" wmode="window" flashvars="playerMode=embedded" pluginspage="http://www.macromedia.com/go/getflashplayer" height="27" width="390"></object></p> I'm very thankful for any help I can get! Hi, I am a noob at programming. But I am making my site at the moment where I am uploading pdf files. Could anybody tell me how I can do a view count (please be simple and assume I know not much). Best, Lovjit |
|||||||