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


Posted in Javascript onOctober 24, 2015

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 相关文章推荐
javascript iframe编程相关代码
Dec 28 Javascript
ajax的hide隐藏问题解决方法
Dec 11 Javascript
JS调试必备的5个debug技巧
Mar 07 Javascript
php实例分享之实现显示网站运行时间
May 20 Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 Javascript
JavaScript判断按钮被点击的方法
Dec 13 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
Sep 27 Javascript
微信小程序 获取相册照片实例详解
Nov 16 Javascript
VSCode配置react开发环境的步骤
Dec 27 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
vue实现div拖拽互换位置
Jul 29 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
Nov 02 Javascript
js实现表单多按钮提交action的处理方法
Oct 24 #Javascript
JS实现状态栏跑马灯文字效果代码
Oct 24 #Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 #Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 #Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 #Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
Sep 13 #Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 #Javascript
You might like
php检测文件编码的方法示例
2014/04/25 PHP
php图像验证码生成代码
2017/06/08 PHP
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
js 通用订单代码
2013/12/23 Javascript
使用jquery prev()方法找到同级的前一个元素
2014/07/11 Javascript
Javascript的&amp;&amp;和||的另类用法
2014/07/23 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
JavaScript中的anchor()方法使用详解
2015/06/08 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
PHP实现本地图片上传和验证功能
2017/02/27 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
layui 上传图片 返回图片地址的方法
2019/09/26 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
图解JS原型和原型链实现原理
2020/09/15 Javascript
用Javascript实现发送短信验证码间隔功能
2021/02/08 Javascript
[00:21]DOTA2亚洲邀请赛 Logo演绎
2015/02/07 DOTA
[47:38]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python将人民币转换大写的脚本代码
2013/02/10 Python
Python脚本实现下载合并SAE日志
2015/02/10 Python
浅谈五大Python Web框架
2017/03/20 Python
Python嵌套列表转一维的方法(压平嵌套列表)
2018/07/03 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
兰蔻英国官网:Lancome英国
2019/04/30 全球购物
PHP两种查询函数array/row的区别
2013/06/03 面试题
夜班门卫岗位职责
2013/12/09 职场文书
合作经营协议书范本
2014/04/17 职场文书
竞聘演讲稿
2014/04/24 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
湖南省党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript