html网页时间显示代码和倒计时代码大全
var enabled = 0; today = new Date();
var day; var date;
if(today.getDay()==0) day = "星期日"
if(today.getDay()==1) day = "星期一"
if(today.getDay()==2) day = "星期二"
if(today.getDay()==3) day = "星期三"
if(today.getDay()==4) day = "星期四"
if(today.getDay()==5) day = "星期五"
if(today.getDay()==6) day = "星期六"
document.fgColor = " cadet";
date1 = "
color=0000ff>" + (today.getYear()) + "年" +
(today.getMonth() + 1 ) + "月" + today.getDate() + "日 " +
"
";
date2 = "
color=ff0000>" + day +
"
";
document.write("
" +
date1.fontsize(2) + date2.fontsize(2) +
"
");
align=center>
id=liveclock 15px? height: 109px;
style?="width:">
size=5>17:47:26
function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
myclock="
color=0000ff>"+hours+":"+minutes+":"+seconds+"
"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("www_helpor_net()",1000)
}
www_helpor_net();
//-->
中文显示的时候保存为.js文件再用网页调用出现乱码。用uft-8编码保存.js文件即可解决乱码问题。
---------------------------------------------------------分割线-----------------------------------------------------
实时游走的数字时钟
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today;
today = new Date();
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
xfile = "午夜";
} else if (intHours < 12) {
hours = intHours+":";
xfile = "上午";
} else if (intHours == 12) {
hours = "12:";
xfile = "正午";
} else {
intHours = intHours - 12
hours = intHours + ":";
xfile = "下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = xfile+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
第1步.将下面的代码加入html文件任意需要的地方
你可以自行更改样式!
---------------------------------------------------------分割线-----------------------------------------------------
显示年月日格式的时间代码
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"
style='font-size:9pt;font-family: 宋体'> ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日",
d[today.getDay()+1],
"
" );
---------------------------------------------------------分割线-----------------------------------------------------
显示日期,星期,时间格式的代码
---------------------------------------------------------分割线-----------------------------------------------------
显示来访者的停留时间
var ap_name = navigator.appName;
var ap_vinfo = navigator.appVersion;
var ap_ver =
parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('(')));
var time_start = new Date();
var clock_start = time_start.getTime();
var dl_ok=false;
function init ()
{
if(ap_name=="Netscape" &&
ap_ver>=3.0)
dl_ok=true;
return true;
}
function get_time_spent ()
{
var time_now = new Date();
return((time_now.getTime() - clock_start)/1000);
}
function show_secs () // show the time user spent on the side
{
var i_total_secs = Math.round(get_time_spent());
var i_secs_spent = i_total_secs % 60;
var i_mins_spent = Math.round((i_total_secs-30)/60);
var s_secs_spent = "" + ((i_secs_spent>9) ?
i_secs_spent : "0" + i_secs_spent);
var s_mins_spent = "" + ((i_mins_spent>9) ?
i_mins_spent : "0" + i_mins_spent);
document.fm0.time_spent.value = s_mins_spent + ":" +
s_secs_spent;
window.setTimeout('show_secs()',1000);
}
// -->
onSubmit="0">
COLOR="#6060FF">停留时间:
type="text" name="time_spent" size=7
onFocus="this.blur()">
第二步:在你主页源文件
中加入下面代码的兰色部分
---------------------------------------------------------分割线-----------------------------------------------------
显示当前日期与时间的格式
---------------------------------------------------------分割线-----------------------------------------------------
浏览器状态栏显示的时钟
---------------------------------------------------------分割线-----------------------------------------------------
显示最后更新时间代码
---------------------------------------------------------分割线-----------------------------------------------------
实时走动的数字时钟
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today;
today = new Date();
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
xfile = "午夜";
} else if (intHours < 12) {
hours = intHours+":";
xfile = "上午";
} else if (intHours == 12) {
hours = "12:";
xfile = "正午";
} else {
intHours = intHours - 12
hours = intHours + ":";
xfile = "下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = xfile+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
---------------------------------------------------------分割线-----------------------------------------------------
根据不同的时间显示不同的问候语
方法:在主页中你需要的地方加入以下代码:
now = new Date(),hour = now.getHours()
if(hour < 6){document.write("明天不用上班了吗?")}
else if (hour < 8){document.write("全新的一天!")}
else if (hour < 12){document.write("早安!")}
else if (hour < 14){document.write("外面太阳大吗?")}
else if (hour < 18){document.write("午安!")}
else if (hour < 22){document.write("晚上好!")}
else if (hour < 24){document.write("夜深了! 要注意身体呀!
祝你做个好梦!")}
// -->
说明,可以自行修改出更好更多的问候语!
---------------------------------------------------------分割线-----------------------------------------------------
一个很酷的透明时钟代码
方法:在页面中你需要的地方加入下面的代码
BODY {COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;
LINE-HEIGHT: 13pt}
TD {COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; LINE-HEIGHT:
13pt}
A:visited {COLOR: #000080;text-decoration:none}
a:link { text-decoration:none }
a:hover { text-decoration:underline }
.f12 {font-size:12px;}
.f13 {font-size:14.9px; LINE-HEIGHT: 120%}
.f24 {font-size:24px;LINE-HEIGHT: 120%}
.f14 {font-size:14.9px; LINE-HEIGHT: 170%}
Zp=670;H='....';H=H.split('');M='.....';M=M.split('');S='......';S=S.split('');Yp=0;Xp=0;Yb=8;Xb=8;d_=12;
ns=(document.layers)?1:0;fCol='222222';sCol='ff0000';mCol='0000ee';hCol='green';if
(ns){dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ');for
(i=0;i
name=nsDigits'+i+' top=0 left=0 height=30
width=30>
face=Arial,Verdana size=1
color='+fCol+'>'+dgts[i]+'
');}for
(i=0;i
{document.write('
bgcolor='+mCol+'
clip="0,0,2,2">
');}for
(i=0;i
{document.write('
bgcolor='+hCol+'
clip="0,0,2,2">
');}for
(i=0;i
{document.write('
bgcolor='+sCol+'
clip="0,0,2,2">
');}}else{document.write('
style="position:absolute;top:0px;left:0px">
style="position:relative">');for
(i=1;i
('
style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:
10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'
');}document.write('');document.write
('
style="position:absolute;top:0px;left:0px">
style="position:relative">');for
(i=0;i
('
style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'">
');}document.write('');document.write('');document.write('