导航:首页 > 万维百科 > 网页设计自动显示当前日期和时间

网页设计自动显示当前日期和时间

发布时间:2021-02-07 20:48:47

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 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.效果:

6、如何用html写代码,使得在网页上显示当前的时间和日期

安装如下步骤操作:

1.在电脑磁盘空白出右键-新建,点击文档

2.将文档命名为index,用记事本打开

3.

写入一下代码,如图:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html"/>

<title>时间的动态显示</title>

</head>

<body>

</body>

</html>

4.在html头部写入获取时间的代码,如图

<script language="javascript">

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>

5.

在内容部分写入div标签,并附上ID,用来加载时间的载体。如图:

<div id="timeShow" class="time1"></div>

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程序,方法如下:

 将一下程序插入页面

<script language=Javascript>
function time(){
  //获得显专示时间属的div
  t_div = document.getElementById('showtime');
 var now=new Date()
  //替换div内容
 t_div.innerHTML = "现在是"+now.getFullYear()
  +"年"+(now.getMonth()+1)+"月"+now.getDate()
  +"日"+now.getHours()+"时"+now.getMinutes()
  +"分"+now.getSeconds()+"秒";
  //等待一秒钟后调用time方法,由于settimeout在time方法内,所以可以无限调用
 setTimeout(time,1000);
}
</script>

修改<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()%>

每日空气质量,一样需要采用天气小偷!

与网页设计自动显示当前日期和时间相关的知识