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

1、如何在我的網頁上顯示日期和時間？

放在頁面抄的前面，

function clockon(bgclock){
var now=new Date();
var year=now.getYear();
var month=now.getMonth();
var date=now.getDate();
var day=now.getDay();
var week;
month=month+1;
if(month<10) month="0"+month;
if(date<10) date="0"+date;
var arr_week=new Array("星期襲日","星期一","星期二","星期三","星期四","星期五","星期六");
week=arr_week[day];
var time="";
time=year+"年"+month+"月"+date+"日 "+week;
if(document.all){
bgclock.innerHTML=" "+time
}
var timer=setTimeout("clockon(bgclock)",200);
}

然後：<body onload="clockon(bgclock)">

全部放在同個頁面，

2、Dreamweaver網頁設計裡面顯示自動更新時間代碼是多少？

在代碼裡面插入這段代碼
<script>
var day = new Date().getDay();
var x;
switch(day)
{

case 0:
x = "星期日";
break;
case 1:
x = "星期一";
break;
case 2:
x = "星期二";
break;
case 3:
x = "星期三";
break;
case 4:
x = "星期四";
break;
case 5:
x = "星期五";
break;
case 6:
x = "星期六";
break;

}

document.write("北京時間：" + new Date().toLocaleString() + "  " + x + "<br>");

</script>

效果圖片：這里有年月日，時間。日期都是每天更新的，時間是每秒更新的。

3、怎麼在自己的網頁上設置自動更新日期和時間謝謝了，大神幫忙啊

<SCRIPT language=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("<font color=#ff0000>北京時間 "+year+"年"+mymonth+"月"+myday+"日 "+weekday+"</font>"); </SCRIPT> 般、上面的代碼加入到你要顯示的時間

4、網頁設計設計報時程序,單機頁面中的【報時】按鈕,顯示當前機內的日期和時間 JavaScript

<center>
<font color="ffaafa">
<h2><font color="#FF00FF"><b>報時</b></font></h2>
</font>
<hr width=80%>
<input type='button' onclick='showclock()' value='報時'/>
<span id=liveclock style=position:absolute;left:250px;top:122px;; width: 109px; height: 15px>
</span>
</center>
<script>
var showclock=function(){
function DandTArray()
{
for(i=0;i<DandTArray.arguments.length; i++)
this[i] = DandTArray.arguments[i];
}
var DandTMonths=new DandTArray("1","2","3","4","5","6","7","8","9","10","11","12");
var DandTDays= new DandTArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
var Now=new Date();
var hrs=Now.getHours();
var min=Now.getMinutes();
var sec=Now.getSeconds();
var DandTClockh=""+((hrs>12)?hrs-12:hrs);
var DandTClockm=((min<10)?"0":"")+min;
var DandTClocks=((sec<10)?"0":"")+sec;
var DandTClock=(hrs>=12)?"P.M.":"A.M.";
liveclock.innerHTML="當前系統的日期和時間分別是:"
+Now.getYear()+"年"+DandTMonths[Now.getMonth()]+"月"+Now.getDate()+"日 "+DandTDays[Now.getDay()]+", "+DandTClockh+":"+DandTClockm+":"+DandTClocks+" "+DandTClock;
setTimeout(showclock,1000);
}
</script>

自己寫的，希望有所幫助。

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

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

1.在head標簽里，<title></title>標簽後面輸入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>
 
<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.效果：

6、如何用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.可以看到編寫的文件，網頁顯示時間了

7、用js在網頁上顯示當前日期和時間,並顯示是星期幾

1、要獲得當前時間，我們可以使用Date方法，new一個Date對象。版

2、然後調用這個對象的toLocaleTimeString方法，來獲取具體的時間權

3、最後使用alert方法來彈出結果，來驗證一下是否正確

4、運行頁面，點擊按鈕，可以看到彈出一個確認框里，裡面顯示的時間就是當前時間了。

8、如何在網頁中動態顯示當前日期和時間

網頁中動態顯示當前日期和時間是使用了js程序，方法如下：

將一下程序插入頁面

修改<body>為<bodyonload="time()"> 以便js程序載入運行

插入<div id="showtime"></div>用以顯示日期時間的容器。

9、html中如何獲得當前日期

可以用javascript，先創建Date對象的實例（也叫做對象的引用）。創建實例的語法有如下三種。

var newDateObj = new Date()
var newDateObj = new Date(dateVal)
var newDateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])

例如，var D = new Date()。

方法1，是無參數調用，創建後對象D中含有計算機的系統日期和時間。

方法2，dateVal參數是數值或表示日期時間的字元串。如果是數字值，dateVal 表示指定日期與 1970 年 1 月 1 日午夜間全球標准時間的毫秒數。如果是字元串，則 dateVal 按照 parse 方法中的規則進行解析。dateVal 參數也可以是從某些 ActiveX(R) 對象返回的 VT_DATE 值。

方法3，用參數直接為新建對象提供日期和時間的數據。

建立了Date對象以後，就可以使用get方法取得日期或時間的值，返回值一般是數值型的。用set方法給一個Date型對象設置數據。Date的方法函數的語法一般格式為：

D.getXXXX() 和 D.setXXXX( variable list)

拓展資料：

HTML是一種規范，一種標准，它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。

瀏覽器按順序閱讀網頁文件，然後根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。

但需要注意的是，對於不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。

10、我想在網頁上顯示日期和時間，應該怎麼做啊？

網頁顯日期！
如果是Html網頁的話：加入js代碼！
<SCRIPT language="">
function y2k(number) { return (number < 1000) ? number + 1900 : number; }

var now = new Date();
var dd = now.getDate() , mt = now.getMonth() + 1 , yy = y2k(now.getYear()) , weekVal = now.getDay();

if (weekVal==0)
msg1="星期日";
else if (weekVal==1)
msg1="星期一";
else if (weekVal==2)
msg1="星期二";
else if (weekVal==3)
msg1="星期三";
else if (weekVal==4)
msg1="星期四";
else if (weekVal==5)
msg1="星期五";
else if (weekVal==6)
msg1="星期六";

document.write("<table width=80 border=0 cellspacing=0 cellpadding=0><tr bgcolor=#000000><td height=80>");
document.write("<table width=100% border=0 bgcolor=#FFFFFF align=center><tr align=center><td height=80>\n");
document.write('<span STYLE="FONT-FAMILY: 宋體; FONT-SIZE: 9.5pt; color: black">\n');
document.write(yy+"年"+mt+"月<br>");
document.write('<font color=#FF0000><b><font face="Arial, Helvetica, sans-serif">');
document.write(dd+"</font></b></font><br>");
document.write(msg1+"</span></td></tr></table></td></tr></table>");

</SCRIPT>
如果是asp文件：<%=date()%>

每日空氣質量，一樣需要採用天氣小偷！

導航:首頁 > 萬維百科 > 網頁設計自動顯示當前日期和時間

網頁設計自動顯示當前日期和時間

與網頁設計自動顯示當前日期和時間相關的知識