按照以下步骤来:
1、获取当前日期
2、生成日期字符串
3、显示
准备好一张数字的图片:
【代码】
<style type="text/css">
/* css */
.num_0, .num_1, .num_2, .num_3, .num_4, .num_5, .num_6, .num_7, .num_8, .num_9 { background:url(numbers.gif) no-repeat 0 0 display:inline-block width:40px height:40px }
.num_1 { background-position:-40px 0 }
.num_2 { background-position:-80px 0 }
.num_3 { background-position:-120px 0 }
.num_4 { background-position:-160px 0 }
.num_5 { background-position:-200px 0 }
.num_6 { background-position:-240px 0 }
.num_7 { background-position:-280px 0 }
.num_8 { background-position:-320px 0 }
.num_9 { background-position:-360px 0 }
</style>
<div id="dis"></div>
<script>
var date=new Date(),
str=''+date.getFullYear()+(date.getMonth()+1)+date.getDate(),
i=0,
len=str.length,
html=[]
for( i<len i++)
html.push('<span class="num_'+str[i]+'">&nbsp</span>')
document.getElementById('dis').innerHTML=html.join('')
</script>
【运行】
运行后,js代码会添加一些元素到页面上,会生成如图所示的结构:
看下页面显示效果:
显示是通过样式表完成的。
var myDate = new Date()myDate.toLocaleDateString();可以获取当前日期
myDate.toLocaleTimeString()可以获取当前时间
扩展:
myDate.getYear() //获取当前年份(2位)
myDate.getFullYear() //获取完整的年份(4位,1970-????)
myDate.getMonth() //获取当前月份(0-11,0代表1月)
myDate.getDate() //获取当前日(1-31)
myDate.getDay()//获取当前星期X(0-6,0代表星期天)
myDate.getTime() //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours() //获取当前小时数(0-23)
myDate.getMinutes()//获取当前分钟数(0-59)
myDate.getSeconds()//获取当前秒数(0-59)
myDate.getMilliseconds() //获取当前毫秒数(0-999)
myDate.toLocaleString( ) //获取日期与时间