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 相关文章推荐
从零开始学习jQuery (八) 插播:jQuery实施方案
Feb 23 Javascript
JavaScript检查数字是否为整数或浮点数的方法
Jun 09 Javascript
基于Javascript实现二级联动菜单效果
Mar 04 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
AngularJS 中的事件详解
Jul 28 Javascript
分享bootstrap学习笔记心得(组件及其属性)
Jan 11 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
Apr 20 Javascript
Angular 4.x 动态创建表单实例
Apr 25 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 jQuery
jquery.pager.js分页实现详解
Jul 29 jQuery
从0搭建vue-cli4脚手架
Jun 17 Javascript
js实现限定范围拖拽的示例
Oct 26 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输入数据统一类实例
2015/02/23 PHP
PHP获取用户访问IP地址的5种方法
2016/05/16 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
优化JavaScript脚本的性能的几个注意事项
2006/12/22 Javascript
js 复制或插入Html的实现方法小结
2010/05/19 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
基于jquery自定义图片热区效果
2012/07/21 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
2013/01/23 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
jQuery/CSS3图片特效插件整理推荐
2014/12/07 Javascript
浅谈javascript对象模型和function对象
2014/12/26 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
JavaScript实现简单的二级导航菜单实例
2015/04/15 Javascript
jQuery获取元素父节点的方法
2016/06/21 Javascript
js操作XML文件的实现方法兼容IE与FireFox
2016/06/25 Javascript
微信小程序 教程之注册程序
2016/10/17 Javascript
JS实现的随机排序功能算法示例
2017/06/09 Javascript
Vue-cli3项目引入Typescript的实现方法
2019/10/18 Javascript
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
python结合selenium获取XX省交通违章数据的实现思路及代码
2016/06/26 Python
Python实现App自动签到领取积分功能
2018/09/29 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
python list多级排序知识点总结
2019/10/23 Python
pytorch 修改预训练model实例
2020/01/18 Python
基于python3的socket聊天编程
2020/02/17 Python
Python grpc超时机制代码示例
2020/09/14 Python
Melissa鞋马来西亚官方网站:MDreams马来西亚
2018/04/05 全球购物
英国女性化妆品收纳和家具网站:Beautify
2019/12/07 全球购物
旅游文化节策划方案
2014/06/06 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
单位综合评价意见
2015/06/05 职场文书
个人房屋租赁合同(标准范本)
2019/09/16 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
分布式Redis Cluster集群搭建与Redis基本用法
2022/02/24 Redis