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对象的代码分享
Nov 02 Javascript
根据json字符串生成Html的一种方式
Jan 09 Javascript
jQuery实现友好的轮播图片特效
Jan 12 Javascript
jQuery中的pushStack实现原理和应用实例
Feb 03 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
Vue.js自定义指令的用法与实例解析
Jan 18 Javascript
Angular开发者指南之入门介绍
Mar 05 Javascript
详解vue过滤器在v2.0版本用法
Jun 01 Javascript
JavaScript中document.referrer的用法详解
Jul 04 Javascript
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
微信小程序单选框自定义赋值
May 26 Javascript
Vue切换Tab动态渲染组件的操作
Sep 21 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 GD库生成图像的几个函数总结
2014/11/19 PHP
PHP实现163邮箱自动发送邮件
2016/03/29 PHP
使用JQuery和s3captche实现一个水果名字的验证
2009/08/14 Javascript
jquery中动态效果小结
2010/12/16 Javascript
jcarousellite.js 基于Jquery的图片无缝滚动插件
2010/12/30 Javascript
javascript for循环从入门到偏门(效率优化+奇特用法)
2012/08/01 Javascript
JavaScript的内存释放问题详解
2015/01/21 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
详谈javascript中DOM的基本属性
2015/02/26 Javascript
JavaScript获取客户端IP的方法(新方法)
2016/03/11 Javascript
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
《Python学习手册》学习总结
2018/01/17 Python
Python实现将Excel转换成为image的方法
2018/10/23 Python
对python GUI实现完美进度条的示例详解
2018/12/13 Python
python在回调函数中获取返回值的方法
2019/02/22 Python
pandas DataFrame行或列的删除方法的实现示例
2019/08/02 Python
django 配置阿里云OSS存储media文件的例子
2019/08/20 Python
用python爬虫批量下载pdf的实现
2020/12/01 Python
荷兰家电购物网站:Expert.nl
2020/01/18 全球购物
管理学专业个人求职信范文
2013/09/21 职场文书
益达广告词
2014/03/14 职场文书
初中英语演讲稿
2014/04/29 职场文书
公司合作协议范文
2014/10/01 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
师德标兵先进事迹材料
2014/12/19 职场文书
工会经费申请报告
2015/05/15 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
人生遥控器观后感
2015/06/11 职场文书
用Python监控你的朋友都在浏览哪些网站?
2021/05/27 Python
Python如何快速找到多个字典中的公共键(key)
2022/04/29 Python