導航:首頁 > 萬維百科 > 網頁設計中如何插入時間

網頁設計中如何插入時間

發布時間:2020-10-22 15:04:57

1、怎麼才能在網頁設計中插入自動更新的日期

新建一個js文件
輸入以下內容

var mydate=""; 
var myyear="";
var mymonth="";
var myday="";
var myweekday="";
mydate=new Date();
myyear=mydate.getYear();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate();
myweekday=mydate.getDay();
var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
document.write(myyear+"年"+mymonth+"月"+myday+"日 "+" "+week[myweekday]);

網頁是構成網站的基本元素,是承載各種網站應用的平台。通俗地說,您的網站就是由網頁組成的,如果您只有域名和虛擬主機而沒有製作任何網頁的話,您的客戶仍舊無法訪問您的網站。

網頁是一個文件,它可以存放在世界某個角落的某一台計算機中,是萬維網中的一"頁",是超文本標記語言格式(標准通用標記語言的一個應用,文件擴展名為.html或.htm)。網頁通常用圖像檔來提供圖畫。網頁要透過網頁瀏覽器來閱讀。

2、網站製作裡面.怎麼插入時間表. 年月日星期

<html>
<head>
<title></title>
<script language="javascript">
function get_time()
{
var date=new Date();
var year="",month="",day="",week="",hour="",minute="",second="";
year=date.getYear();
month=add_zero(date.getMonth()+1);
day=add_zero(date.getDate());
week=date.getDay();
switch (date.getDay()) {
case 0:val="星期天";break
case 1:val="星期一";break
case 2:val="星期二";break
case 3:val="星期三";break
case 4:val="星期四";break
case 5:val="星期五";break
case 6:val="星期六";break
}
hour=add_zero(date.getHours());
minute=add_zero(date.getMinutes());
second=add_zero(date.getSeconds());
timetable.innerText=" "+year+"."+month+"."+day+" "+hour+":"+minute+":"+second+val;
}

function add_zero(temp)
{
if(temp<10) return "0"+temp;
else return temp;
}
setInterval("get_time()",1000);
</script>
</head>
<body>
<div id="timetable"></div>
</body>
</html>

3、網頁製作中如何插入時間天氣並且每天更新

時間好辦,php、.Net、jsp、js都能實現,可是「天氣」??沒太明白你意思!我理解為天氣就像QQ面版上的天氣?
如果是那樣的話就要和提供數據者連接API介面,就能達到實時更新!

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

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

5、網頁製作中時間和日期怎麼加。

添加的具體方法如下:

1、打開Dreamweaver新建一個html網頁。

2、切換到代碼視圖,在<head></head>標簽里,<title></title>標簽後面輸入JavaScript標簽。  <script type="text/javascript"></script>

3、在script標簽里定義一個time()函數

function time()

{

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

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

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

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

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

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

var days=thistime.getDay()  獲取日

}

4、判斷當時鍾小於10的時候在前面加個0,例如8點零8分會顯示08:08

if(eval(hours)<10)

{

hours="0"+hours

}

if(eval(minutes<10))

{

minutes="0"+minutes

}

if(seconds<10)

{

seconds="0"+seconds

5、thistime=hours+":"+minutes+":"+seconds //把時間顯示順序調整好

document.title=thistime  //在標題顯示

var timer=setTimeout("time()",1000)  //設置計時器,讓時間每分每秒更新

6、在<body></body>標簽加上載入觸發事件

<body onload="time()">

7、按Ctrl+s保存,按F12在瀏覽器中瀏覽。

6、網頁製作時如何加入日期

你沒說你是用什麼工具來做網頁。但我這個方法可以做到。就是純代碼來編寫:
<div align="left>6-12</div><br>
<div align="left>6-12</div><br>
<div align="left>6-12</div><br>
<div align="left>6-12</div><br>
這樣就會居左對齊。要居中把 left 改成 center
要居右則改成 right

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

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

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

就用一段javascript就可以實現。

與網頁設計中如何插入時間相關的知識