|
↑
Scrolls >>>
Yes, this is another JavaScript scroll. But, unlike the others, this one has the date & time included at the front of the first message! It looks very professional!
Look at the status bar ↓
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
var
osd =
" "
osd
+="This
is yet another JavaScript Scroll example. ";
osd
+="
This one has the date and time at the front.";
osd
+="Did
you notice? It's coming around again, look! ";
osd
+="
";
var
timer;
var
msg =
"";
function
scrollMaster ()
{
msg
=
customDateSpring(new
Date())
clearTimeout(timer)
msg
+=
" "
+
showtime()
+
" "
+
osd
for
(var
i=
0;
i <
100;
i++){
msg
=
" "
+
msg;
}
scrollMe()
}
function
scrollMe(){
window.status
=
msg;
msg
=
msg.substring(1,
msg.length)
+
msg.substring(0,1);
timer
=
setTimeout("scrollMe()",
200);
}
function
showtime (){
var
now =
new
Date();
var
hours=
now.getHours();
var
minutes=
now.getMinutes();
var
seconds=
now.getSeconds();
var
months=
now.getMonth();
var
dates=
now.getDate();
var
years=
now.getYear();
var
timeValue =
""
timeValue
+=
((months
>9)
?
""
:
" ")
timeValue
+=
((dates
>9)
?
""
:
" ")
timeValue
=
(
months +1)
timeValue
+="/"+
dates
timeValue +="/"+
years
var
ap="A.M."
if
(hours
==
12)
{
ap
=
"P.M."
}
if
(hours
==
0)
{
hours
=
12
}
if(hours
>=
13){
hours
-=
12;
ap="P.M."
}
var
timeValue2 =
" "
+
hours
timeValue2 +=
((minutes
<
10)
?
":0":":")
+
minutes +
" "
+
ap
return
timeValue2;
}
function
MakeArray(n)
{
this.length
=
n
return
this
}
monthNames
=
new
MakeArray(12)
monthNames[1]
=
"Janurary"
monthNames[2]
=
"February"
monthNames[3]
=
"March"
monthNames[4]
=
"April"
monthNames[5]
=
"May"
monthNames[6]
=
"June"
monthNames[7]
=
"July"
monthNames[8]
=
"August"
monthNames[9]
=
"Sept."
monthNames[10]
=
"Oct."
monthNames[11]
=
"Nov."
monthNames[12]
=
"Dec."
daysNames
=
new
MakeArray(7)
daysNames[1]
=
"Sunday"
daysNames[2]
=
"Monday"
daysNames[3]
=
"Tuesday"
daysNames[4]
=
"Wednesday"
daysNames[5]
=
"Thursday"
daysNames[6]
=
"Friday"
daysNames[7]
=
"Saturday"
function
customDateSpring(oneDate)
{
var
theDay =
daysNames[oneDate.getDay()
+1]
var
theDate =oneDate.getDate()
var
theMonth =
monthNames[oneDate.getMonth()
+1]
var
dayth="th"
if
((theDate
==
1)
||
(theDate
==
21)
||
(theDate
==
31))
{
dayth="st";
}
if
((theDate
==
2)
||
(theDate
==22))
{
dayth="nd";
}
if
((theDate==
3)
||
(theDate
==
23))
{
dayth="rd";
}
return
theDay +
", "
+
theMonth +
" "
+
theDate +
dayth +
","
}
scrollMaster();
</script>
|
→
|