css样式日期,css样式说明

css中如何显示时间年月日 星期几 几点几分几秒

html

head

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

meta name="keywords" content="js特效" /

meta name="description" content="js特效网" /

title年月日分秒全部显示的时间代码/title

/head

body onload=startclock()

form name="clock"

script language="JavaScript"

var timerID = null;

var timerRunning = false;

function stopclock (){

if(timerRunning)

clearTimeout(timerID);

timerRunning = false;}

function startclock () {

stopclock();

showtime();}

function showtime () {

var now = new Date();

var hours = now.getHours();

var minutes = now.getMinutes();

var seconds = now.getSeconds()

var timeValue = now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日" +((hours = 12) ? " 下午 " : " 上午 " )

timeValue += ((hours 12) ? hours -12 :hours)

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

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

document.clock.thetime.value = timeValue;

timerID = setTimeout("showtime()",1000);

timerRunning = true;}

/script

input name="thetime" style="font-size: 9pt;color:#000000;border:1px solid #FFFFFF; ; " size="28"/form

/body

/html

相关问答

Q1: 完成所示网页，使用表格布局，使用CSS控制样式，表格第一行日期是使用JS显示的系统当前日期。

!DOCTYPE html

html lang="en"

head

meta charset="UTF-8"

titleDocument/title

style

*{margin:0;padding:0;}

.tdemo{width: 600px;height: 400px;margin:100px auto;}

.ttitle{background:#dfdfdf;height:50px;text-align:center;}

.tcontent{background:#eee;height:300px;}

.cnt{padding:20px 25px;}

.cnt p{line-height:25px;font-size:15px;color:#222;}

.tcontent h6{text-indent:25px;font-size:16px;color:#111;}

.tcontent p.last{text-indent:25px;}

.tfoot{background:#aaa;height:50px;}

.tfoot button{width: 60px;height: 28px;float: right;margin-right: 30px;}

/style

/head

body

table class="tdemo"

tr class="ttitle"

td

span id="time"/span

/td

/tr

tr class="tcontent"

td

h6谜面：/h6

div class="cnt"

p1.一只羊在吃草，一只狼从旁边经过没有吃羊。/p

p2.又一只狼经过，还是没有吃羊。/p

p3.第三只狼经过，羊冲狼大叫，狼还是没有吃羊。/p

   /div

p class="last"打：三种动物/p

/td

/tr

tr class="tfoot"

td

button查看谜底/button

/td

/tr

/table

script

var showzone=document.getElementById("time");

var time=new Date();

   var yy=time.getFullYear();

var mm=time.getMonth()+1;

var dd=time.getDate();

var kk=time.getDay();

var xingqi;

if(kk==0){

k="星期天"

}

else if(kk==1){

xingqi="星期一";

}

else if(kk==2){

xingqi="星期二"

}

else if(kk==3){

xingqi="星期三"

}

else if(kk==4){

xingqi="星期四"

}

else if(kk==5){

xingqi="星期五"

}

else{

xingqi="星期六";

}

      showzone.innerHTML="今天是："+yy+"年"+mm+"月"+dd+"日"+xingqi+"   ---欢迎你来猜一猜";

/script

/body

/html

Q2: 谁帮我修改下CSS样式中的时间排列

diva href="#" style="float:left; text-align:left; margin-left:10px;"文字列表内容/aspan style="clear:both;float:right; margin-right:20px;"时间/span/div

至于时间不显示年，要改js代码，一般是把年份隐藏，有是系统时间，要代码控制的。

Q3: css+div设置日期时间代码

td width="23%" align="left"今天是：

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