js时间代码

JavaScript06

js时间代码,第1张

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>dateutil-js时间举例</title>

<!-- <script src="http://www.shicishu.com/down/dateutil-1.0.0.js"></script>-->

<script src="http://www.shicishu.com/down/dateutil-1.0.0.min.js"></script>

</head>

<body>

<script type="text/javascript">

console.log(getdate_WMdy_En())//Thurs.Sept.2, 2020

console.log(getdate_yMdhms_T())//2020-9-2 21:41:7

console.log(getdate_WyMdhms_C())//星期四 2020年9月2日 21时38分33秒

</script>

</body>

</html>

按照以下步骤来：

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 ndate = years+"年"+month+"月"+days+"日 "+hours+":"+minutes+":"+seconds+" "+week

这句 ，换成

var ndate = years+"年"+month+"月"+days+"日 "+week+" "+hours+":"+minutes+":"+seconds

<html>

<head>

<title></title>

<script language="javascript">

function getCurDate()

{

var d = new Date()

var week

switch (d.getDay()){

case 1: week="星期一"break

case 2: week="星期二"break

case 3: week="星期三"break

case 4: week="星期四"break

case 5: week="星期五"break

case 6: week="星期六"break

default: week="星期天"

}

var years = d.getYear()

var month = add_zero(d.getMonth()+1)

var days = add_zero(d.getDate())

var hours = add_zero(d.getHours())

var minutes = add_zero(d.getMinutes())

var seconds=add_zero(d.getSeconds())

var ndate = years+"年"+month+"月"+days+"日 "+hours+":"+minutes+":"+seconds+" "+week

divT.innerHTML= ndate

}

function add_zero(temp)

{

if(temp<10) return "0"+temp

else return temp

}

setInterval("getCurDate()",100)

</script>

</head>

<body>

<div id="divT"></div>

</body>

</html>