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 相关文章推荐
很全的显示阴历(农历)日期的js代码
Jan 01 Javascript
js 加载并解析XML字符串的代码
Dec 13 Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 Javascript
javascript结合fileReader 实现上传图片
Jan 30 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
js剪切板应用clipboardData实例解析
May 29 Javascript
JavaScript高阶函数_动力节点Java学院整理
Jun 28 Javascript
Angular实现响应式表单
Aug 04 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
Jan 16 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
Feb 06 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
javascript实现弹出层效果
Dec 10 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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
杏林同学录(八)
2006/10/09 PHP
PHP实现读取一个1G的文件大小
2013/08/24 PHP
PHP中文乱码解决方案
2015/03/05 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
用nodejs实现PHP的print_r函数代码
2014/03/14 NodeJs
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
2017/12/16 Javascript
NodeJS实现同步的方法
2019/03/02 NodeJs
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
JAVA面试题 static关键字详解
2019/07/16 Javascript
解决layui弹出层layer的area过大被遮挡的问题
2019/09/21 Javascript
微信小程序实现菜单左右联动
2020/05/19 Javascript
ES6扩展运算符和rest运算符用法实例分析
2020/05/23 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
利用python实现数据分析
2017/01/11 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
对Python 语音识别框架详解
2018/12/24 Python
树莓派与PC端在局域网内运用python实现即时通讯
2019/06/22 Python
Python字典底层实现原理详解
2019/12/18 Python
TensorFlow的环境配置与安装方法
2021/02/20 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
BCBG官网:BCBGMAXAZRIA
2017/12/29 全球购物
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
简述使用ftp进行文件传输时的两种登录方式?它们的区别是什么?常用的ftp文件传输命令是什么?
2016/11/20 面试题
培训楼经理岗位责任制
2014/02/10 职场文书
电视购物广告词
2014/03/19 职场文书
应届生求职自荐信
2014/07/04 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
小学运动会开幕词
2016/03/04 职场文书
Python一行代码实现自动发邮件功能
2021/05/30 Python
MySQL配置主从服务器(一主多从)
2021/08/07 MySQL