JavaScript中Date对象的常用方法示例
更新时间：2015年10月24日 14:56:54 投稿：goldensun
这篇文章主要介绍了JavaScript中Date对象的常用方法示例,Date对象的相关运用是JS入门学习中的基础知识,需要的朋友可以参考下
getFullYear()
使用 getFullYear() 获取年份。
源代码:
</script>
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to display the full year of todays date.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.getFullYear();
}
</script>
</body>
</html>
测试结果:
2015
getTime()
getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。
源代码:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to display the number of milliseconds since midnight, January 1, 1970.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.getTime();
}
</script>
</body>
</html>
测试结果:
1445669203860
setFullYear()
如何使用 setFullYear() 设置具体的日期。
源代码:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to display a date after changing the year, month, and day.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var d = new Date();
d.setFullYear(2020,10,3);
var x = document.getElementById("demo");
x.innerHTML=d;
}
</script>
<p>Remember that JavaScript counts months from 0 to 11.
Month 10 is November.</p>
</body>
</html>
测试结果:
Tue Nov 03 2020 14:47:46 GMT+0800 (中国标准时间)
toUTCString()
如何使用 toUTCString() 将当日的日期（根据 UTC）转换为字符串。
源代码:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to display the UTC date and time as a string.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.toUTCString();
}
</script>
</body>
</html>
测试结果:
Sat, 24 Oct 2015 06:49:05 GMT
getDay()
如何使用 getDay() 和数组来显示星期，而不仅仅是数字。
源代码:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to display todays day of the week.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
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";
var x = document.getElementById("demo");
x.innerHTML=weekday[d.getDay()];
}
</script>
</body>
</html>
测试结果:
Saturday
Display a clock
如何在网页上显示一个钟表。
源代码:
<!DOCTYPE html>
<html>
<head>
<script>
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(function(){startTime()},500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
相关文章
一些易混淆且不常用的属性，希望有用...2007-01-01
IE不支持getElementsByClassName最终完美解决方案
目前可以这么解决，判断浏览器支不支持这个方法，如果支持就不管；如果不支持，就在document对象里加入getElementsByClassName这个方法,按兴趣的朋友可以了解下2012-12-12
简介JavaScript中POSITIVE_INFINITY值的使用
这篇文章主要介绍了简介JavaScript中POSITIVE_INFINITY值的使用,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
Javascript 按位取反运算符 (~) ，对一个表达式执行位非（求非）运算。如 ~1 = -2 ； ~2 = -3 ； ~99 = -1002014-02-02
在这一章我主要介绍一些用来检测用户输入的代码，利用这些代码，你也可以写一些自己的检测函数。2010-02-02
这篇文章主要介绍了JavaScript的RequireJS库入门指南,RequireJS库的人气近来攀升很快,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了JavaScript 表单处理实现代码,需要的朋友可以参考下2015-04-04
本文详细介绍了javascript中的相等符号以及严格相等符号,需要的朋友可以参考下2014-11-11
getElementById在任意一款浏览器中都可以用吗的疑问回复
getElementById在任意一款浏览器中都可以用吗的疑问回复...2007-05-05
如何替换一段HTML字符串中包含的所有img标签的src值？下面我们用正则解决这个问题2013-11-11
最新评论