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 随机数产生6位数字
May 13 Javascript
拖动布局之保存布局页面cookies篇
Oct 29 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
常见JS效果之图片减速度滚动实现代码
Dec 08 Javascript
新手快速学习JavaScript免费教程资源汇总
Jun 25 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
JavaScript设计模式开发中组合模式的使用教程
May 18 Javascript
AngularJs ng-route路由详解及实例代码
Sep 14 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 Javascript
js 原型对象和原型链理解
Feb 09 Javascript
Javascript实现登录记住用户名和密码功能
Mar 22 Javascript
JS实现的A*寻路算法详解
Dec 14 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&amp;&amp;mysql)六
2006/10/09 PHP
音乐播放用的的几个函数
2006/09/07 Javascript
从零开始学习jQuery (二) 万能的选择器
2010/10/01 Javascript
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
玩转方法:call和apply
2014/05/08 Javascript
Node.js的特点和应用场景介绍
2014/11/04 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
angular指令笔记ng-options的使用方法
2017/09/18 Javascript
js前端导出Excel的方法
2017/11/01 Javascript
vue2.0 根据状态值进行样式的改变展示方法
2018/03/13 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
vue实现的仿淘宝购物车功能详解
2019/01/27 Javascript
vue-cli3使用mock数据的方法分析
2020/03/16 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
js实现搜索提示框效果
2020/09/05 Javascript
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
查看Python安装路径以及安装包路径小技巧
2015/04/28 Python
Using Django with GAE Python 后台抓取多个网站的页面全文
2016/02/17 Python
Python控制多进程与多线程并发数总结
2016/10/26 Python
Python随机函数random()使用方法小结
2018/04/29 Python
python新手学习使用库
2020/06/11 Python
django跳转页面传参的实现
2020/09/17 Python
浅谈Selenium+Webdriver 常用的元素定位方式
2021/01/13 Python
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
STP协议的主要用途是什么?为什么要用STP
2012/12/20 面试题
几个判断型的面试题
2012/07/03 面试题
艺术教育实施方案
2014/05/03 职场文书
初中同学会活动方案
2014/08/22 职场文书
上课随便讲话检讨书
2014/09/12 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
NodeJs使用webpack打包项目的方法详解
2022/02/28 NodeJs