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 相关文章推荐
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
Nov 30 Javascript
jQuery异步提交表单的两种方式
Sep 13 Javascript
js 实现一些跨浏览器的事件方法详解及实例
Oct 27 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
Dec 26 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
在vue中封装可复用的组件方法
Mar 01 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
Sep 16 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 操作文件的一些FAQ总结
2009/02/12 PHP
php csv操作类代码
2009/12/14 PHP
PHP操作XML作为数据库的类
2010/12/19 PHP
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
ThinkPHP3.1新特性之动态设置自动完成和自动验证示例
2014/06/19 PHP
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
简单谈谈php延迟静态绑定
2016/01/26 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
javascript jQuery插件练习
2008/12/24 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
2011/01/12 Javascript
js使用栈来实现10进制转8进制与取除数及余数
2014/06/11 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
2015/02/03 Javascript
JS实现的网页背景闪电闪烁效果代码
2015/10/17 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
使用live-server快速搭建本地服务器+自动刷新的方法
2018/03/09 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
2020/01/20 Javascript
python中pandas.DataFrame的简单操作方法(创建、索引、增添与删除)
2017/03/12 Python
超实用的 30 段 Python 案例
2019/10/10 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
python函数超时自动退出的实操方法
2020/12/28 Python
美国最大的宠物药店:1-800-PetMeds
2016/10/02 全球购物
毕业生就业推荐信范文
2013/12/01 职场文书
会计系中文个人求职信
2013/12/24 职场文书
自我评价的写作规则
2014/01/06 职场文书
职工运动会邀请函
2014/02/02 职场文书
班子个人四风问题整改措施
2014/10/04 职场文书
2015年团队工作总结范文
2015/05/04 职场文书
2016高一新生军训心得体会
2016/01/11 职场文书