JavaScript中的日期(Date)

日期对象Date object是用来对日期和时间进行操作的。
—————————————————————————–
定义一个日期对象

使用关键词new来定义一个Date对象，如下面例子中所示，定义一个名为myDate的日期对象：

var myDate=new Date()

注意：日期对象会自动取当前的日期和时间为初始值。

——————————————————————————-
对日期进行操作

使用Date对象的函数可以方便的对日期进行操作。
在下面的例子中我们设置一个日期对象为一个指定的日期值(2010年1月14日）：

var myDate=new Date()
myDate.setFullYear(2010,0,14)

在下面的例子中我们将myDate的值设为5天后：

var myDate=new Date()
myDate.setDate(myDate.getDate()+5)

注意：如果增加5天后进入另外一个月或一年，Date对象会自动处理的。

———————————————————————————
对日期进行比较

使用Date对象可以对日期进行比较。 下面的例子将今天的日期与2010年1月14日进行比较：

var myDate=new Date()
myDate.setFullYear(2010,0,14)var today = new Date()

if (myDate>today)
alert(“今天还没到2010年1月14日”)
else
alert(“今天已经过了2010年1月14日”)

——————————————————————————–
例：显示当前的日期和时间

<html>
<body><script type=”text/javascript”>

document.write(Date())

</script>

</body>
</html>

————————————————————————
例：getTime()函数
使用getTime()函数计算自1970年后已经过了多少年

<html>
<body><script type=”text/javascript”>

var minutes = 1000*60
var hours = minutes*60
var days = hours*24
var years = days*365
var d = new Date()
var t = d.getTime()
var y = t/years

document.write(“It’s been: ” + y + ” years since 1970/01/01!”)

</script>

</body>
</html>

———————————————————————–
例：函数setFullYear()
使用setFullYear()函数来设置一个日期

<html>
<body><script type=”text/javascript”>

var d = new Date()
d.setFullYear(1992,10,3)
document.write(d)

</script>

</body>
</html>

—————————————————————————
例：函数toUTCString()
使用toUTCString()函数将今天的日期转换为一个字符串

<html>
<body><script type=”text/javascript”>

var d = new Date()
document.write (d.toUTCString())

</script>

</body>
</html>

——————————————————————————
例：函数getDay()
使用getDay()函数和一个数组来写出星期几

<html>
<body><script type=”text/javascript”>

var d=new Date()
var weekday=new Array(7)
weekday[0]=”Sunday”
weekday[1]=”Monday”
weekday[2]=”Tuesday”
weekday[3]=”Wednesday”
weekday[4]=”Thursday”
weekday[5]=”Friday”
weekday[6]=”Saturday”

document.write(“Today it is ” + weekday[d.getDay()])

</script>

</body>
</html>

——————————————————————————–
例：显示一个时钟

<html>
<head>
<script type=”text/javascript”>
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById(‘txt’).innerHTML=h+”:”+m+”:”+s
t=setTimeout(‘startTime()’,500)
}function checkTime(i)
{
if (i<10)
{i=”0″ + i}
return i
}
</script>
</head>

<body onload=”startTime()”>
<div id=”txt”></div>
</body>
</html>
Comment (RSS)  ·  Trackback

12 Comments

  1. 冯建波:

    不错很不错的我支持，
    平常看到好的文章想支持下可是没时间
    哈哈这次我也的说几句

    23 April 2008, 5:41 am

  2. Aqua:

    谢谢。

    28 April 2008, 9:56 pm

  3. azheng:

    通俗，简单，易懂！

    18 June 2008, 11:41 pm

  4. jx:

    通俗，简单，易懂！
    好学

    21 June 2009, 4:33 am

  5. ma:

    顶下

    27 September 2009, 5:08 am

  6. sytb:

    喜欢你的知识！受益匪浅！thanks!

    5 November 2009, 10:43 pm

  7. fdsaf:

    这个程序不能通过哦，不知道为什么

    23 June 2010, 1:57 am

  8. 初学JavaScript:

    最后一个例子中“t=setTimeout(‘startTime()’,500)
    ”是起什么作用的并且我试运行时，该段代码也不能正常显示的嘛(当中的符号问题我已经改了了哈)。

    17 August 2010, 1:03 am

  9. 电巴士:

    最后一个显示时钟的 案例 好像时间是不跳动的 固定不变 要人为的 刷新 才会跳下

    26 September 2010, 11:32 pm

  10. Aqua:

    不会又是引号的问题吧。浏览器有显示出错提示吗？

    30 September 2010, 10:23 am

  11. 书生:

    最后一个时钟有问题，浏览器提示错误！

    18 October 2010, 5:45 am

  12. kaka:

    time

    function clockView()

    {

    thistime= new Date(); //获取时间

    //分别获取当前时间的小时、分和秒。

    var hours=thistime.getHours();

    var minutes=thistime.getMinutes();

    var seconds=thistime.getSeconds();

    //设置时间的显示格式

    if (eval(hours) <10) {hours="0"+hours;}

    if (eval(minutes) < 10) {minutes="0"+minutes;}

    if (seconds < 10) {seconds="0"+seconds;}

    //得到最终应该显示的时间

    thistime = hours+":"+minutes+":"+seconds;

    //根据浏览器的不同设置

    if(document.all) {

    bgclocknoshade.innerHTML=thistime;

    bgclockshade.innerHTML=thistime;

    }

    if(document.layers) {

    document.bgclockshade.document.write('’+thistime+”);

    document.bgclocknoshade.document.write(”+thistime+”);

    document.close();

    }

    var timer=setTimeout(“clockView()”,1000);

    }

    30 November 2010, 2:27 am

Leave a comment