「网页时间日期的特效」网页的时间和日期设置

2022-12-02 08:10:10 11
admin

今天给各位分享网页时间日期的特效的知识,其中也会对网页的时间和日期设置进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

我想在网页上显示日期和时间,应该怎么做啊?

网页显日期!

如果是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=0tr bgcolor=#000000td height=80");

document.write("table width=100% border=0 bgcolor=#FFFFFF align=centertr align=centertd 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=#FF0000bfont face="Arial, Helvetica, sans-serif"');

document.write(dd+"/font/b/fontbr");

document.write(msg1+"/span/td/tr/table/td/tr/table");

/SCRIPT

如果是asp文件:%=date()%

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

如何在网页中加入日期和时间的显示效果,效果像下面图示的那样。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

titleJS日期/title

/head

body

div id="jnkc" align="center"

/div

script

function show_jnkc()

{

var date_f=new Date();

var date_h=date_f.getHours()10?"0"+date_f.getHours():date_f.getHours();

var date_m=date_f.getMinutes()10?"0"+date_f.getMinutes():date_f.getMinutes();

var date_s=date_f.getSeconds()10?"0"+date_f.getSeconds():date_f.getSeconds();

var date_w="星期"+"日一二三四五六".charAt(date_f.getDay());

var date_y=date_f.getFullYear();

var date_M=(date_f.getMonth()+1)10?"0"+(date_f.getMonth()+1):date_f.getMonth()+1;

var date_d=date_f.getDate()10?"0"+date_f.getDate():date_f.getDate();

jnkc.innerHTML=date_h+":"+date_m+":"+date_s+"br/"+date_w+"br/"+date_y+"年"+date_M+"月"+date_d+"日";

}

setInterval("show_jnkc();",1000);

/script

/body

/html

代码:WEB显示时间特效代码

var now = new Date();

var year = now.getFullYear();

var month = now.getMonth();

var day = now.getDate();

var dateValue = year;

dateValue += ((month 9) ? "-0" : "-") + (month + 1);

dateValue += ((day 10) ? "-0" : "-") + day;

var hours = now.getHours();

var minutes = now.getMinutes();

var seconds = now.getSeconds();

var timeValue = ((hours 10) ? "0" : "") + hours ;

timeValue += ((minutes 10) ? ":0" : ":") + minutes;

timeValue += ((seconds 10) ? ":0" : ":") + seconds;

用上面这些JS代码获取你要的时间日期,再将获取到的值显示到你要显示的地方,显示的样式

可以再用CSS控制.

如何在网页中动态显示当前日期和时间

网页中动态显示当前日期和时间是使用了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为body  onload="time()" 以便js程序加载运行

插入div id="showtime"/div用以显示日期时间的容器。

怎么在网页中加入动态时间日期显示呢?

用Macromedia Dreamweaver 8做的话最简单,直接插入日期就可以了,代码不用写了。

网页制作中时间和日期怎么加。

添加的具体方法如下:

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(minutes10))

{

minutes="0"+minutes

}

if(seconds10)

{

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在浏览器中浏览。

关于网页时间日期的特效和网页的时间和日期设置的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

收藏
分享
海报
11

忘记密码?

图形验证码