导航:首页 > 万维百科 > 设计网页显示时间

设计网页显示时间

发布时间: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 + "日";

与设计网页显示时间相关的知识