css日期显示样式,html5日期标签

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

完成所示网页,使用表格布局,使用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

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

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

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

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

怎么用CSS在空间上弄日期、时间?

在空间上显示天气预报+系统信息+日历+问候+签名

把以下代码插入最后一行即可!

#comm_info div.line{margin-top:8px;line-height:10px;border-top:2px solid #BBC1C6;

background:url() no-repeat bottom; padding-bottom: 100px;

margin-bottom: 25px}


当前文章:css日期显示样式,html5日期标签
本文路径:http://pwwzsj.com/article/dssjepi.html