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 获得服务器控件值的方法小结
May 11 Javascript
js匿名函数的调用示例(形式多种多样)
Aug 20 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
jquery获得当前html页面源码的方法
Jul 14 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 Javascript
jQuery表单元素选择器代码实例
Feb 06 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
在小程序中使用canvas的方法示例
Sep 17 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
Mar 19 jQuery
React中使用UMEditor的方法示例
Dec 27 Javascript
微信小程序使用GoEasy实现websocket实时通讯
May 19 Javascript
详解React的回调渲染模式
Sep 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
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
php实现paypal 授权登录
2015/05/28 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
PHP打印输出函数汇总
2016/08/28 PHP
js实现大转盘抽奖游戏实例
2015/06/24 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
SVG描边动画
2017/02/23 Javascript
Bootstrap模态对话框中显示动态内容的方法
2018/08/10 Javascript
微信小程序的mpvue框架快速上手指南
2019/05/15 Javascript
微信小程序框架的页面布局代码
2019/08/17 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
将pip源更换到国内镜像的详细步骤
2019/04/07 Python
Python3实现定时任务的四种方式
2019/06/03 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
Python线程指南分享
2019/11/19 Python
pytorch 实现tensor与numpy数组转换
2019/12/27 Python
jupyter notebook 多行输出实例
2020/04/09 Python
CSS3动画之利用requestAnimationFrame触发重新播放功能
2019/09/11 HTML / CSS
Css3圆角边框制作代码
2015/11/18 HTML / CSS
芬兰设计商店美国:Finnish Design Shop US
2019/03/25 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
自1926年以来就为冰岛保持温暖:66°North
2020/11/27 全球购物
喝酒检查书范文
2014/02/23 职场文书
社会工作专业求职信
2014/07/15 职场文书
单位法定代表人授权委托书
2014/09/20 职场文书
2014年纠风工作总结
2014/12/08 职场文书
2014年基建工作总结
2014/12/12 职场文书
2014年节能工作总结
2014/12/18 职场文书
考生诚信考试承诺书
2015/04/29 职场文书