如何在html网页右上角添加时钟或者时间 如何在html网页设计中，在右上角添加动态时间
\u5982\u4f55\u5728html\u7f51\u9875\u8bbe\u8ba1\u4e2d\uff0c\u5728\u53f3\u4e0a\u89d2\u6dfb\u52a0\u52a8\u6001\u65f6\u95f4\uff1f\u5728\u4e4b\u95f4\u63d2\u5165JAVASCRIPT\u4ee3\u7801
function showTime(){
var mytime=new Date();
var h=mytime.getHours();
var m=mytime.getMinutes();
var s=mytime.getSeconds();
if(h<10) h="0"+h;
if(m<10) m="0"+m;
if(s<10) s="0"+s;
word.innerHTML=h+":"+m+":"+s;
setTimeout("showTime()",1000);
}
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_jumpMenuGo(selName,targ,restore){ //v3.0
var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
}
\u7136\u540e\u5728\u4f60\u60f3\u8981\u663e\u793a\u7684\u5730\u65b9\u63d2\u5165\u4ee3\u7801
id is hang_2
setInterval("document.getElementById('time1').innerHTML = new Date().toLocaleString();", 1000);
\u5728\u53f3\u4e0a\u89d2\u4f4d\u7f6e\u653e\u4e0a\u8fd9\u4e2aDIV
<style>
.time{...........................}
</style>
<div class="time">
<SCRIPT language=JavaScript>
<!--
tmpDate = new Date();
date = tmpDate.getDate();
month= tmpDate.getMonth() + 1 ;
year= tmpDate.getYear();
document.write(year);
document.write("年");
document.write(month);
document.write("月");
document.write(date);
document.write("日 ");
myArray=new Array(6);
myArray[0]="星期日 "
myArray[1]="星期一 "
myArray[2]="星期二 "
myArray[3]="星期三 "
myArray[4]="星期四 "
myArray[5]="星期五 "
myArray[6]="星期六 "
weekday=tmpDate.getDay();
if (weekday==0 | weekday==6)
{
document.write(myArray[weekday])
}
else
{
document.write(myArray[weekday])
}
// -->
</SCRIPT>
</div>
代码直接给你。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>show_time</title>
<style>
body {
padding-top: 40px;
}
#main {
position: absolute;right: 10px;top: 10px;
text-align: center;
width: 300px;
height: 200px;
line-height: 200px;
background-color: #0CC;
}
#show_time {
color: #FFF;
}
</style>
</head>
<body>
<div id="main">
<div id="show_time">
<script>
//setInterval("show_time.innerHTML= new Date().toLocaleString()",1000);
setInterval("show_time.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>
</div>
</div>
</body>
</html>
<!--
<script>
var date = new Date(); //创建对象
var y = date.getFullYear(); //获取年份
var m =date.getMonth()+1; //获取月份 返回0-11
var d = date.getDate(); // 获取日
var w = date.getDay(); //获取星期几 返回0-6 (0=星期天)
var h = date.getHours();
var minute = date.getMinutes()
var s = date.getSeconds();
document.write(y+"-"+m+"-"+d+" "+h+":"+minute+":"+s);
/*
charAt(int ch)用法
var str="Hello world!"
document.write(str.charAt(1))
输出：e
*/
</scrtipt>
-->
把这个DIV放到你想放到的地方，然后修改一下样式就可以了
<style>
.time{...........................}
</style>
<div class="time">
<SCRIPT language=JavaScript>
<!--
tmpDate = new Date();
date = tmpDate.getDate();
month= tmpDate.getMonth() + 1 ;
year= tmpDate.getYear();
document.write(year);
document.write("年");
document.write(month);
document.write("月");
document.write(date);
document.write("日 ");
myArray=new Array(6);
myArray[0]="星期日 "
myArray[1]="星期一 "
myArray[2]="星期二 "
myArray[3]="星期三 "
myArray[4]="星期四 "
myArray[5]="星期五 "
myArray[6]="星期六 "
weekday=tmpDate.getDay();
if (weekday==0 | weekday==6)
{
document.write(myArray[weekday])
}
else
{
document.write(myArray[weekday])
}
// -->
</SCRIPT>
</div>
<style>
.time{放的位置的样式}
</style>
<div class="time">
<SCRIPT language=JavaScript>
<!--
tmpDate = new Date();
date = tmpDate.getDate();
month= tmpDate.getMonth() + 1 ;
year= tmpDate.getYear();
document.write(year);
document.write("年");
document.write(month);
document.write("月");
document.write(date);
document.write("日 ");
myArray=new Array(6);
myArray[0]="星期日 "
myArray[1]="星期一 "
myArray[2]="星期二 "
myArray[3]="星期三 "
myArray[4]="星期四 "
myArray[5]="星期五 "
myArray[6]="星期六 "
weekday=tmpDate.getDay();
if (weekday==0 | weekday==6)
{
document.write(myArray[weekday])
}
else
{
document.write(myArray[weekday])
}
// -->
</SCRIPT>
</div>
绛旓細document.getElementById("timeShow").innerHTML = "鐜板湪鐨勬椂闂翠负锛"+h+"鏃"+m+"鍒"+s+"绉";t = setTimeout(time,1000);//璁惧畾瀹氭椂鍣紝寰幆鎵ц } </script> </head> <body> <label id="timeShow"></lable> </body> </html> 杩欑绫诲瀷鐨勪唬鐮佺綉涓婃槸鏈夎祫鏂欑殑锛岃嚜宸卞璇曡瘯涔熸槸寰堝ソ鐨...
绛旓細鎶婅繖涓狣IV鏀惧埌浣犳兂鏀惧埌鐨勫湴鏂癸紝鐒跺悗淇敼涓涓嬫牱寮忓氨鍙互浜 <style> .time{...} </style> <div class="time"> <SCRIPT language=JavaScript> <!-- tmpDate = new Date();date = tmpDate.getDate();month= tmpDate.getMonth() + 1 ;year= tmpDate.getYear();document.write(year);document...
绛旓細</script> 鐒跺悗鍦ㄤ綘鎯宠鏄剧ず鐨勫湴鏂规彃鍏ヤ唬鐮 <div class="STYLE3" id="word"> </div>
绛旓細<script> setInterval("document.getElementById('time1').innerHTML = new Date().toLocaleString();", 1000);</script> 鍦ㄥ彸涓婅浣嶇疆鏀句笂杩欎釜DIV
绛旓細浣跨敤鏈珯鐨勭紪杈戝櫒锛屾偍鍙互杞绘澗瀹炵幇鍦ㄧ嚎淇敼 HTML锛屽苟鏌ョ湅瀹炰緥杩愯缁撴灉銆傛敞鎰忥細瀵逛簬涓枃缃戦〉闇瑕佷娇鐢 <meta charset="utf-8">澹版槑缂栫爜锛屽惁鍒欎細鍑虹幇涔辩爜銆傛湁浜涙祻瑙堝櫒(濡 360 娴忚鍣)浼氳缃 GBK 涓洪粯璁ょ紪鐮侊紝鍒欎綘闇瑕佽缃负 <meta charset="gbk">銆傚疄渚 <!DOCTYPE html> <html> <head> ...
绛旓細鍦╓ord涓娣诲姞涓涓鏍囷紙涓婃爣鎴栦笅鏍囷級鏄潪甯哥畝鍗曠殑銆備笉杩囷紝鍦ㄧ綉椤典腑娣诲姞瑙掓爣骞堕潪鏄撲簨銆傛湰浜哄湪鍋氫竴涓」鐩畠闇瑕佽〃杈惧儚浜屾哀鍖栫～銆佸彲鍚稿叆棰楃矑鐗╃殑绗﹀彿琛ㄧず銆傝繖鍙妸鎴戦毦浣忎簡锛屽湪缃戦〉涓姞杞藉凡灞炰笉鏄撲簡锛屽埆璇村湪silverlight涓簡锛堟湰椤圭洰鏄噰鐢╯ilverlight RIA鎶鏈級銆傚厛璇翠竴涓嬬畝鍗曠殑HTML缃戦〉涓婃爣瑙掓爣鍚э紝HTML涓婃爣...
绛旓細<html> <head> <title>鍊掕鏃</title> <body> <script language=JavaScript> var now = new Date("11/26/2006 " + 10 + ":" + 30 + ":" + 30);function GetServerTime(){ var urodz = new Date("11/30/2006 11:38:33");now.setTime(now.getTime()+250);days = (urodz ...
绛旓細document.all.calendarClock1.innerHTML = Year_Month();document.all.calendarClock2.innerHTML = Date_of_Today();document.all.calendarClock3.innerHTML = Day_of_Today();document.all.calendarClock4.innerHTML = CurentTime(); } var webUrl = webUrl;document.write('<table border="0" ...
绛旓細瀹夎濡備笅姝ラ鎿嶄綔锛1.鍦ㄧ數鑴戠鐩樼┖鐧藉嚭鍙抽敭-鏂板缓锛岀偣鍑绘枃妗 2.灏嗘枃妗ｅ懡鍚嶄负index锛岀敤璁颁簨鏈墦寮 3.鍐欏叆涓涓嬩唬鐮侊紝濡傚浘锛<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html"/> <title>鏃堕棿鐨勫姩鎬佹樉绀</title> </head> <body> </...
绛旓細浣犵敤杞欢鍚э紝寰堢畝鍗曘傜敤dreamveaver.閲岄潰灏卞彲浠ユ彃鍏ユ椂闂达紝鐐规彃鍏モ斺旀椂闂淬傞夋嫨鏃堕棿鐨勬牸寮忕‘瀹氾紝灏監K浜嗐傛敞鎰忕偣涓嬫洿鏂版椂闂淬
