導航:首頁 > 萬維百科 > 設計網頁顯示時間

設計網頁顯示時間

發布時間:2020-12-14 16:50:26

1、急!在線等!~HTML設計網頁的js代碼,打開網頁後,會顯示網路的瀏覽時間,顯示時間包括分鍾和秒數?

你搞個計時器,每1000毫秒加1不就行了嗎

2、網頁設計中如何設置日期

以下是4個我們常用的代碼 你添加進去就會顯示第一款:顯示為「2007年12月14日 星期五」 <SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript"> var day=""; var month=""; var ampm=""; var ampmhour=""; var myweekday=""; var year=""; mydate=new Date(); myweekday=mydate.getDay(); mymonth=mydate.getMonth()+1; myday= mydate.getDate(); myyear= mydate.getYear(); year=(myyear > 200) ? myyear : 1900 + myyear; if(myweekday == 0) weekday=" 星期日 "; else if(myweekday == 1) weekday=" 星期一 "; else if(myweekday == 2) weekday=" 星期二 "; else if(myweekday == 3) weekday=" 星期三 "; else if(myweekday == 4) weekday=" 星期四 "; else if(myweekday == 5) weekday=" 星期五 "; else if(myweekday == 6) weekday=" 星期六 "; document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday); </SCRIPT> 第二款:帶農歷的日歷 顯示為「2007年12月14日 星期五 丙戌年 十一月初六」 <script language="javascript"> <!-- var bsYear; var bsDate; var bsWeek; var arrLen=8; //數組長度 var sValue=0; //當年的秒數 var dayiy=0; //當年第幾天 var miy=0; //月份的下標 var iyear=0; //年份標記 var dayim=0; //當月第幾天 var spd=86400; //每天的秒數 var year1999="30;29;29;30;29;29;30;29;30;30;30;29"; //354 var year2000="30;30;29;29;30;29;29;30;29;30;30;29"; //354 var year2001="30;30;29;30;29;30;29;29;30;29;30;29;30"; //384 var year2002="30;30;29;30;29;30;29;29;30;29;30;29"; //354 var year2003="30;30;29;30;30;29;30;29;29;30;29;30"; //355 var year2004="29;30;29;30;30;29;30;29;30;29;30;29;30"; //384 var year2005="29;30;29;30;29;30;30;29;30;29;30;29"; //354 var year2006="30;29;30;29;30;30;29;29;30;30;29;29;30"; var month1999="正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月" var month2001="正月;二月;三月;四月;閏四月;五月;六月;七月;八月;九月;十月;十一月;十二月" var month2004="正月;二月;閏二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月" var month2006="正月;二月;三月;四月;五月;六月;七月;閏七月;八月;九月;十月;十一月;十二月" var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十"; var Ys=new Array(arrLen); Ys[0]=919094400;Ys[1]=949680000;Ys[2]=980265600; Ys[3]=1013443200;Ys[4]=1044028800;Ys[5]=1074700800; Ys[6]=1107878400;Ys[7]=1138464000; var Yn=new Array(arrLen); //農歷年的名稱 Yn[0]="己卯年";Yn[1]="庚辰年";Yn[2]="辛巳年"; Yn[3]="壬午年";Yn[4]="癸未年";Yn[5]="甲申年"; Yn[6]="乙酉年";Yn[7]="丙戌年"; var D=new Date(); var yy=D.getYear(); var mm=D.getMonth()+1; var dd=D.getDate(); var ww=D.getDay(); if (ww==0) ww="<font color=RED>星期日"; if (ww==1) ww="星期一"; if (ww==2) ww="星期二"; if (ww==3) ww="星期三"; if (ww==4) ww="星期四"; if (ww==5) ww="星期五"; if (ww==6) ww="<font color=RED>星期六"; ww=ww; var ss=parseInt(D.getTime() / 1000); if (yy<100) yy="19"+yy; for (i=0;i<arrLen;i++) if (ss>=Ys[i]){ iyear=i; sValue=ss-Ys[i]; //當年的秒數 } dayiy=parseInt(sValue/spd)+1; //當年的天數 var dpm=year1999; if (iyear==1) dpm=year2000; if (iyear==2) dpm=year2001; if (iyear==3) dpm=year2002; if (iyear==4) dpm=year2003; if (iyear==5) dpm=year2004; if (iyear==6) dpm=year2005; if (iyear==7) dpm=year2006; dpm=dpm.split(";"); var Mn=month1999; if (iyear==2) Mn=month2001; if (iyear==5) Mn=month2004; if (iyear==7) Mn=month2006; Mn=Mn.split(";"); var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十"; Dn=Dn.split(";"); dayim=dayiy; var total=new Array(13); total[0]=parseInt(dpm[0]); for (i=1;i<dpm.length-1;i++) total[i]=parseInt(dpm[i])+total[i-1]; for (i=dpm.length-1;i>0;i--) if (dayim>total[i-1]){ dayim=dayim-total[i-1]; miy=i; } bsWeek=ww; bsDate=yy+"年"+mm+"月"; bsDate2=dd+"日"; bsYear="農歷"+Yn[iyear]; bsYear2=Mn[miy]+Dn[dayim-1]; if (ss>=Ys[7]||ss<Ys[0]) bsYear=Yn[7]; function CAL(){ document.write(bsDate+bsDate2+" "+bsWeek+" "+bsYear+" "+bsYear2); } //--> </script> <script language="javascript">CAL();</script>第三款:帶秒錶的時間 顯示為「2007年12月14日 1:47:24」 <div id="timer" style="font:11px tahoma;height:10px;"></div> <script> setInterval("timeStr=new Date().toLocaleString();timer.innerText=timeStr;",1000) </script>第四款:帶秒錶的時間(倒影效果) 顯示為「 2007年12月14日 1:49:052007年12月14日 1:49:05 」 <div id="timer" style="font:11px tahoma;height:10px;"></div> <div id="timerShadow" style="font:italic 11px tahoma;filter:flipV();height:10px;color:#ccc"></div> <script> setInterval("timeStr=new Date().toLocaleString();timer.innerText=timeStr;timerShadow.innerText=timeStr",1000) </script> -------------------------------------------------------------------------------------------------------------------------- <script language="JavaScript"> 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 = "1c1c1e"; date = " 今天是 " + (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +""; document.write("<CENTER><TABLE BORDER=0 BGCOLOR=#1c1c1e><TH><FONT COLOR=FFFFFF>") document.write("<CENTER>" + date.fontsize(2) + "</CENTER>"); document.write("</FONT></TH></TABLE></center><P>") </script>

3、AdobeDreamweaver設計網頁怎樣顯示實時時間

用JavaScript定義獲取當前系統時間函數,使用網頁觸發器觸發事件。

1.在head標簽里,<title></title>標簽後面輸入JavaScript標簽。 

 <script type="text/javascript">

</script>

2.在script標簽里定義一個time()函數

function time()

{

today=new Date() //創建一個對象

var hours=today.getHours()  //獲取時鍾

var minutes=today.getMinutes() //獲取分鍾

var seconds=today.getSeconds()  //獲取秒鍾

var years=today.getYear() //獲取年

var months=today.getMonth()  //獲取月

var days=today.getDay()  獲取日

}

  
      
     

2.代碼

<SCRIPT language=Livescript>//插入時間腳本

today = new Date()//創建一個對象
document.write("  ",today.getHours(),":",today.getMinutes());//today.getHours()獲取時鍾
</SCRIPT>
&nbsp;<!--插入空格-->
<SCRIPT language=Livescript>//插入日期腳本
today = new Date()//創建一個對象
document.write( "", today.getMonth()+1,"/",today.getDate(),"/",today.getYear()+1900);//today.getMonth()+1獲取月;today.getDate()獲取日;today.getYear+1900();獲取年

</SCRIPT>3.效果:

4、如何在html網頁設計中,在右上角添加動態時間?

<div id="time1">
id is hang_2
</div>
<script>
setInterval("document.getElementById('time1').innerHTML = new Date().toLocaleString();", 1000);
</script>
在右上角位置放上我上面那幾句話即可,不用那麼麻煩!

5、如何計算彈出窗口的存在時間(網頁設計)

Window對象的屬性 

closed屬性:判斷引用的窗口是否已經關閉

【功能說明】該屬性為只讀屬性,其返回值為布爾子類型,如果引用的窗口已經關閉,則該屬性返回True,否則,返回False。

【基本語法】window.closed

【實例演示】下面的代碼計算了彈出窗口的存在時間。

<script>

   var newWin;

   var intervalID;

   var timeLen=0;

   function getTimeLen()

   {   

       //如果窗口已經關閉

       if (newWin.closed) 

         {

            window.clearInterval(intervalID);

             window.alert("窗口打開了"+timeLen+"秒");

         }

        else

            timeLen++;

   }

   function openNew()

   {

       newWin=window.open("","公告","height=200,width=200,toolbar=no,

                          menubar=no,status=yes,location=no,top=200,left=200");

       newWin.document.write("<h4 align='center'>公告</h4>");

       newWin.document.write("這是一個closed屬性測試");

       newWin.document.write("<center><input type='button' value='關閉窗口' onclick='window.opner=null;

                            window.close();'</center>");

       intervalID=window.setInterval(getTimeLen,1000);

   }

</script>

<form><input type="button" onclick="openNew()" value="打開窗口"></form>

這段代碼利用setInterval方法每隔一秒鍾調用closed屬性判斷一下窗口是否已經關閉。如果窗口已經關閉,就彈出對話框顯示窗口一共存在了多長時間(如圖16.13所示);否則就將變數timeLen加1,以記錄窗口存在的時間。

圖16.13  closed屬性演示

6、用JavaScript語言設計:在頁面上顯示當前的時間,格式如圖所示。

<script>
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today;
var Clock = document.getElementById('Clock');
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;
now = new Date(),hour = now.getHours()
if(hour < 6){Clock.innerHTML =timeString+",明天不用上班了嗎?"}
else if (hour < 8){Clock.innerHTML =timeString+",全新的一天!"}
else if (hour < 10){Clock.innerHTML =timeString+",早安!"}
else if (hour < 12){Clock.innerHTML =timeString+",加油,快午飯了!"}
else if (hour < 14){Clock.innerHTML =timeString+",中午外面的太陽大嗎?"}
else if (hour < 16){Clock.innerHTML =timeString+",喝杯咖啡提提神!"}
else if (hour < 18){Clock.innerHTML =timeString+",加油,快下班了!"}
else if (hour < 19){Clock.innerHTML =timeString+",下班了,回家注意安全!"}
else if (hour < 22){Clock.innerHTML =timeString+",晚上好!"}
else if (hour < 24){Clock.innerHTML =timeString+",夜深了!祝你做個好夢!"}
window.setTimeout("tick();", 100);
}
window.onload = tick;

</script>
<html>
<body>
您好,<font color="#FF0000">現在時間是</font><span id="Clock" align="center" style="font-size: 12; color:#FF0000"></span>
</body>
</html>
=========================
你會滿意的!!

7、網頁設計時間代碼

<%
' ============================================
' 格式化時間(顯示)
' 參數:n_Flag
' 1:"yyyy-mm-dd hh:mm:ss"
' 2:"yyyy-mm-dd"
' 3:"hh:mm:ss"
' 4:"yyyy年mm月dd日"
' 5:"yyyymmdd"
' ============================================
Function Format_Time(s_Time, n_Flag)
Dim y, m, d, h, mi, s
Format_Time = ""
If IsDate(s_Time) = False Then Exit Function
y = cstr(year(s_Time))
m = cstr(month(s_Time))
If len(m) = 1 Then m = "0" & m
d = cstr(day(s_Time))
If len(d) = 1 Then d = "0" & d
h = cstr(hour(s_Time))
If len(h) = 1 Then h = "0" & h
mi = cstr(minute(s_Time))
If len(mi) = 1 Then mi = "0" & mi
s = cstr(second(s_Time))
If len(s) = 1 Then s = "0" & s
Select Case n_Flag
Case 1
' yyyy-mm-dd hh:mm:ss
Format_Time = y & "-" & m & "-" & d & " " & h & ":" & mi & ":" & s
Case 2
' yyyy-mm-dd
Format_Time = y & "-" & m & "-" & d
Case 3
' hh:mm:ss
Format_Time = h & ":" & mi & ":" & s
Case 4
' yyyy年mm月dd日
Format_Time = y & "年" & m & "月" & d & "日"
Case 5
' yyyymmdd
Format_Time = y & m & d
End Select
End Function

function getweek()
week=WeekDay(date())-1
select case week
case 1 backfile="星期一"
case 2 backfile="星期二"
case 3 backfile="星期三"
case 4 backfile="星期四"
case 5 backfile="星期五"
case 6 backfile="星期六"
case 0 backfile="星期天"
end select
getweek=backfile
end function
%>
<%=Format_Time(date(),4)%> <%=getweek()%>

8、求網頁設計中頁面顯示時間的程序

<html>
<head>
<title>時間範例</title>
<script type="text/javascript">
window.onload = function(){
clock_load(document.getElementById("clock"));
}
function clock_load(obj){
if(typeof(obj)=="string")obj=o.o(obj);if(!obj)return;
window.setInterval( function(){
obj.innerHTML = new Date().toLocaleString()+' 星期'+'日一二三四內五六容'.charAt(new Date().getDay());
},1000);
}
</script>
</head>
<body>
......
</body>
</html>

9、網頁設計中在頁面中插入動態的時間怎麼弄?

就用一段javascript就可以實現。

10、怎樣用js設計一個在瀏覽器中顯示自己所需要的時間

源   var d = new Date();
   var year=d.getFullYear();
   var month=d.getMonth() + 1;
   var date=d.getDate(); 
   var cc = document.getElementById(divname);
            cc.innerHTML = "當前時間" + year + "年" + month + "月" + date + "日";

與設計網頁顯示時間相關的知識