首页 / JAVASCRIPT / JavaScript中Date对象的常用方法示例

JavaScript中Date对象的常用方法示例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中Date对象的常用方法示例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2920字，纯文字阅读大概需要5分钟。

内容图文

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>


内容总结

以上是互联网集市为您收集整理的JavaScript中Date对象的常用方法示例全部内容，希望文章能够帮你解决JavaScript中Date对象的常用方法示例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/355779.html

来源：【匿名】