当前位置: 首页 > 编程笔记 >

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

裴和怡
2023-03-14
本文向大家介绍JavaScript中Date对象的常用方法示例,包括了JavaScript中Date对象的常用方法示例的使用技巧和注意事项,需要的朋友参考一下

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)基本用法示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript日期对象(Date)基本用法。分享给大家供大家参考,具体如下: 1.获取当前日期: 2.获取时间戳(毫秒): 3.设置年月日(年为必选,月日为可选): 4.返回当前星期几: 5.日期对象的比较: 效

  • 主要内容:创建 Date 对象,Date 对象中的属性,Date 对象中的方法Date 对象是 JavaScript 内置的对象,通过它您可以访问计算机系统的时间,此外,Date 对象中还提供了多种用于管理、操作和格式化时间/日期的方法。 创建 Date 对象 在开始处理时间和日期之前,我们需要先创建一个 Date 对象。与其他对象(数组对象、字符串对象等)不同,Date 对象不能直接声明,必须通过 Date() 函数定义。 JavaScript 中提供了四种不同的方法来创

  • 本文向大家介绍javascript中Date对象的使用总结,包括了javascript中Date对象的使用总结的使用技巧和注意事项,需要的朋友参考一下 JSON 日期转 JS日期,我们知道,日期类型转成JSON之后,返回的数据类似这样:   /Date(1379944571737)/   但是这种日期并不能直接显示,因为根本没有人知道这是什么意思,下面提供一种JSON日期转JS日期的方式。 在提供

  • 本文向大家介绍JavaScript Math 对象常用方法总结,包括了JavaScript Math 对象常用方法总结的使用技巧和注意事项,需要的朋友参考一下 Math.abs(x):可返回数的绝对值 Math.ceil(x):向上取整 Math.floor(x):向下取整 Math.max(x,y):最大值 Math.min(x,y):最小值 Math.random(x):随机数 Math.ro

  • 本文向大家介绍JavaScript String 对象常用方法总结,包括了JavaScript String 对象常用方法总结的使用技巧和注意事项,需要的朋友参考一下 字符串是不可变的。字符串方法,不会改变原有字符串的内容,而是返回一个新字符串。 charAt():返回在指定位置的字符。 concat():连接两个字符串文本,并返回一个新的字符串。 indexOf():indexOf() 方法返回

  • Objects提供了Java对象的equals、hashCode、toString等方法 equals 覆写equals方法时, 减少了null判断和分支处理 Objects.equal("a", "a"); // returns true Objects.equal(null, "a"); // returns false Objects.equal("a", null); // returns