Hitskin.com
by JennyorAlice March 14th 2013, 7:10 pmI want to make a counter visible on my forum counting down to an important event. What's the best way to do that?
This is a Hitskin.com skin preview
Install the skin • Return to the skin page
3 posters
Count down
JennyorAlice- Active Poster
Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.
Sanket- ForumGuru
Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
levy- Hyperactive
- Posts : 2631
Reputation : 350
Language : English, Romanian
Location : Romania
- Code:
<head>
<script LANGUAGE="JavaScript">
var now = new Date();
var theevent = new Date("Sep 29 2007 00:00:01");
var seconds = (theevent - now) / 1000;
var minutes = seconds / 60;
var hours = minutes / 60;
var days = hours / 24;
ID=window.setTimeout("update();", 1000);
function update() {
now = new Date();
seconds = (theevent - now) / 1000;
seconds = Math.round(seconds);
minutes = seconds / 60;
minutes = Math.round(minutes);
hours = minutes / 60;
hours = Math.round(hours);
days = hours / 24;
days = Math.round(days);
document.form1.days.value = days;
document.form1.hours.value = hours;
document.form1.minutes.value = minutes;
document.form1.seconds.value = seconds;
ID=window.setTimeout("update();",1000);
}</script>
</head>
<body>
<p><font face="Arial" size="3">Countdown To January 31, 2000, at 12:00: </font></p>
<form name="form1"><p>Days <input type="text" name="days" value="0" size="3"> Hours
<input type="text" name="hours" value="0" size="4"> Minutes <input type="text" name="minutes" value="0"
size="7"> Seconds <input type="text" name="seconds" value="0" size="7"> </p>
</form>
</body>
</html>
That is the basic ,chage how did you want.
JennyorAlice- Active Poster
- Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.
Thank you, Sanket. I've found a timer like I want but I want to know how to the the 'timeanddate.com' logo off of it?
- Code:
<iframe src="http://free.timeanddate.com/countdown/i3jkvlpj/n2109/cf111/cm0/cu4/ct0/cs0/ca0/cr0/ss0/cac000/cpc000/pc66c/tc66c/fs100/szw320/szh135/tatI%20Am%20Alice/tac000/tptTime%20since%20Event%20started%20in/tpc000/matRelease%20Date/mac000/mpc000/iso2013-09-03T00:00:00" frameborder="0" width="320" height="135"></iframe>
candy_fear wrote:
- Code:
<head>
<script LANGUAGE="JavaScript">
var now = new Date();
var theevent = new Date("Sep 29 2007 00:00:01");
var seconds = (theevent - now) / 1000;
var minutes = seconds / 60;
var hours = minutes / 60;
var days = hours / 24;
ID=window.setTimeout("update();", 1000);
function update() {
now = new Date();
seconds = (theevent - now) / 1000;
seconds = Math.round(seconds);
minutes = seconds / 60;
minutes = Math.round(minutes);
hours = minutes / 60;
hours = Math.round(hours);
days = hours / 24;
days = Math.round(days);
document.form1.days.value = days;
document.form1.hours.value = hours;
document.form1.minutes.value = minutes;
document.form1.seconds.value = seconds;
ID=window.setTimeout("update();",1000);
}</script>
</head>
<body>
<p><font face="Arial" size="3">Countdown To January 31, 2000, at 12:00: </font></p>
<form name="form1"><p>Days <input type="text" name="days" value="0" size="3"> Hours
<input type="text" name="hours" value="0" size="4"> Minutes <input type="text" name="minutes" value="0"
size="7"> Seconds <input type="text" name="seconds" value="0" size="7"> </p>
</form>
</body>
</html>
That is the basic ,chage how did you want.
Thank you, candy_fear. I may be using this or the one Sanket gave me.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
I don't think you would be able to remove the logo or even allowed to remove it.
JennyorAlice- Active Poster
- Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.
Sanket wrote:I don't think you would be able to remove the logo or even allowed to remove it.
Okay, how do I edit the code candy_fear gave me?
The date I want to put in is September 3, 2013 and the reason is the next book in the series is being released on that day. So how can I make a countdown to that day? Can I put a title saying "Release Date" or "Countdown to 'I Am Alice' "?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
var theevent = new Date("Sep 29 2007 00:00:01")
Thats the part that you need to change. So just change the date.
Yes, modify the text as you want it.
Thats the part that you need to change. So just change the date.
Yes, modify the text as you want it.
JennyorAlice- Active Poster
- Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.
I don't know what I'm doing wrong but it's not working.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
I have not tried it, so can't say much. Where did you add the code?
JennyorAlice- Active Poster
- Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.
Wait, I think I have it figured out.
Do you know the number of the color cyan?
Do you know the number of the color cyan?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
#00FFFF
Source Wikipedia. lol
Source Wikipedia. lol
JennyorAlice- Active Poster
- Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.
Oh, Sorry. 
Anyway, I wasn't able to make the one from candy_fear work but I was able to get the one you gave me work though. So I'm marking this solved. Thanks!
Anyway, I wasn't able to make the one from candy_fear work but I was able to get the one you gave me work though. So I'm marking this solved. Thanks!
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Don't have to be sorry. 
| Topic Solved & Locked |
Facebook
Twitter
Pinterest
Youtube
