html網頁設計時間_如何用html寫代碼使得在網頁上顯示當前的時間和日期

1、如何用html寫代碼，使得在網頁上顯示當前的時間和日期

安裝如下步驟操作：

1.在電腦磁碟空白出右鍵-新建，點擊文檔

2.將文檔命名為index，用記事本打開

寫入一下代碼，如圖：

<head>

<title>時間的動態顯示</title>

</head>

<body>

</body>

</html>

4.在html頭部寫入獲取時間的代碼，如圖

var t = null;

t = setTimeout(time,1000);//開始執行

function time()

{

clearTimeout(t);//清除定時器

dt = new Date();

var y=dt.getYear()+1900;

var mm=dt.getMonth()+1;

var d=dt.getDate();

var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

var day=dt.getDay();

var h=dt.getHours();

var m=dt.getMinutes();

var s=dt.getSeconds();

if(h<10){h="0"+h;}

if(m<10){m="0"+m;}

if(s<10){s="0"+s;}

document.getElementById("timeShow").innerHTML = "現在的時間為："+y+"年"+mm+"月"+d+"日"+weekday[day]+"

"+h+":"+m+":"+s+"";

t = setTimeout(time,1000); //設定定時器，循環執行

}

</script>

在內容部分寫入div標簽，並附上ID，用來載入時間的載體。如圖：

6.在頭部寫入div的樣式如圖，並保存

<style>

.time1{width:100%; height:50px; background:#FFF000; line-height:50px; text-align:center;}

</style>

7.保存後，將文件後綴命名為html。點擊查看，勾選文件擴展名

8.文件後綴命名由txt改為html

9.使用瀏覽器打開文件

10.可以看到編寫的文件，網頁顯示時間了

2、做網頁頁面設計一般用多少時間。

專業人員也要看具體製作的內容是什麼，才能知道時間的，網站有大有小的。

你所指的頁面設計，是不是至做效果圖，如果是設計要求較高的作品，那製作之前需要討論方案，思考思路，准備素材等，這些需要花費的時間不可估量的，具體製作也就是一兩個工作日的事情，甚至一兩個小時。

3、html網頁代碼中的時間樣式怎麼設置

4、在html頁面怎麼顯示系統時間

需要准備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的<script>標簽中，輸入js代碼：$('body').append(new Date());。

3、瀏覽器運行index.html頁面，此時頁面顯示出了系統時間。

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

以下是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">  </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>

6、用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網頁右上角添加時鍾或者時間

把這個DIV放到你想放到的地方，然後修改一下樣式就可以了
<style>
.time{...........................}
</style>
<div class="time">
<SCRIPT language=JavaScript>

</SCRIPT>

</div>

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

html網頁設計時間

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