導航:首頁 > 萬維百科 > 電腦設置日期網頁設計

電腦設置日期網頁設計

發布時間:2020-11-09 08:03:24

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

添加的具體方法如下:

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在瀏覽器中瀏覽。

2、在靜態網頁製作中,怎樣讓時間和電腦時間保持一致?

<table width="298"  border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td height="50" bgcolor="#f4f4f4">

<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 = "000000";

date = "今天是:" + (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +"";

document.write(date);

// -->

</script>

</td>

  </tr>

  <tr>

    <td height="50">

   <div id="webjx"></div>

   <script>setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);

   </script></td>

  </tr>

  <tr>

    <td height="50" bgcolor="#f4f4f4">

 <span id=nowDate></span>

 <span id=nowTime></span>

    <script><!--

var ns4up1 = (document.layers) ? 1 : 0;  // browser sniffer

var ie4up1 = (document.all&&(navigator.appVersion.indexOf("MSIE 4") == -1)) ? 1 : 0;

var ns6up1 = (document.getElementById&&!document.all) ? 1 : 0;

function nowclock() {

if (!ns4up1 && !ie4up1 && !ns6up1) return false;

var digital = new Date();

var hours = digital.getHours();

var minutes = digital.getMinutes();

var seconds = digital.getSeconds();

var day = digital.getDate();

var month = digital.getMonth() + 1;

var year = digital.getYear();

var amOrPm = "AM";

if (hours > 11) amOrPm = "PM";

if (hours > 12) hours = hours - 12;

if (hours == 0) hours = 12;

if (minutes < 10) minutes = "0" + minutes;

if (seconds < 10) seconds = "0" + seconds;

if (day < 10) day = "0" + day;

if (month < 10) month = "0" + month;

dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;

dispDate = year + "年" + month + "月" + day+ "日, " ;

if (ns4up1) {

document.layers.nowTime.document.write(dispTime);

document.layers.nowTime.document.close();

document.layers.nowDate.document.write(dispDate);

document.layers.nowDate.document.close();

} else if (ns6up1){

document.getElementById("nowTime").innerHTML = dispTime;

document.getElementById("nowDate").innerHTML = dispDate;

} else if (ie4up1){

nowTime.innerHTML = dispTime;

nowDate.innerHTML = dispDate;

} setTimeout("nowclock()", 1000);

} nowclock();

//-->

 </script>

</td>

  </tr>

</table>

三種樣式,你挑一個吧

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

<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>

4、急求網頁設計成品,計算機大作業,Dreamweaver的,太忙了沒時間做,謝謝啦~~

初學者學習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"> <!-- 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>

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

新建一個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)。網頁通常用圖像檔來提供圖畫。網頁要透過網頁瀏覽器來閱讀。

7、網頁設計關於日期可以下拉選擇的。求代碼

<html>
<head>
<title>年月日三下拉框聯動 - www.aspxhome.com</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雨)//www.meizz.com'>
</head>
<body onload="YYYYMMDDstart(document.form1,document.form1.SYear,document.form1.SMonth,document.form1.SDay),YYYYMMDDstart(document.form1,document.form1.EYear,document.form1.EMonth,document.form1.EDay)">
<form name=form1>
起始時間:
<select name=SYear onchange="YYYYDD(this.value,document.form1.SMonth,document.form1.SDay)">
<option value="">年</option>
</select>年
<select name=SMonth onchange="MMDD(this.value,document.form1.SYear,document.form1.SDay)">
<option value="">月</option>
</select>月
<select name=SDay>
<option value="">日</option>
</select>日<br><br>
完成時間:
<select name=EYear onchange="YYYYDD(this.value,document.form1.EMonth,document.form1.EDay)">
<option value="">年</option>
</select>年
<select name=EMonth onchange="MMDD(this.value,document.form1.EYear,document.form1.EDay)">
<option value="">月</option>
</select>月
<select name=EDay>
<option value="">日</option>
</select>日
</form>
<script language="JavaScript"><!--
function YYYYMMDDstart(form,year,month,day)
{
MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
//先給年下拉框賦內容
var y = new Date().getFullYear();
for (var i = (y-3); i < (y+5); i++) //以今年為准,前30年,後30年
year.options.add(new Option(i,i));
//賦月份的下拉框
for (var i = 1; i < 13; i++)
month.options.add(new Option(i,i));
year.value = y;
month.value = new Date().getMonth() + 1;
var n = MonHead[new Date().getMonth()];
if (new Date().getMonth() ==1 && IsPinYear(year.options[year.selectedIndex].value)) n++;
writeDay(n,day); //賦日期下拉框Author:meizz
day.value = new Date().getDate();
}
function YYYYDD(str,month,day) //年發生變化時日期發生變化(主要是判斷閏平年)
{
var MMvalue = month.options[month.selectedIndex].value;
if (MMvalue == "" ){ var e = day; optionsClear(e); return;}
var n = MonHead[MMvalue - 1];
if (MMvalue ==2 && IsPinYear(str)) n++;
writeDay(n,day)
}
function MMDD(str,year,day) //月發生變化時日期聯動
{
var YYYYvalue = year.options[year.selectedIndex].value;
if (YYYYvalue == "" ){ var e = day; optionsClear(e); return;}
var n = MonHead[str - 1];
if (str ==2 && IsPinYear(YYYYvalue)) n++;
writeDay(n,day)
}
function writeDay(n,day) //據條件寫日期的下拉框
{
var e = day; optionsClear(e);
for (var i=1; i<(n+1); i++)
e.options.add(new Option(i,i));
}
function IsPinYear(year)//判斷是否閏平年
{ return(0 == year%4 && (year%100 !=0 || year%400 == 0));}
function optionsClear(e)
{
for (var i=e.options.length; i>0; i--)
e.remove(i);
}
function compDate(SY,SM,SD,EY,EM,ED)
{
}
//--></script>
</body>
</html>

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

你沒說你是用什麼工具來做網頁。但我這個方法可以做到。就是純代碼來編寫:
<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

9、網頁設計時間代碼

<%
' ============================================
' 格式化時間(顯示)
' 參數: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()%>

與電腦設置日期網頁設計相關的知識