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 相关文章推荐
ExtJs中简单的登录界面制作方法
Aug 19 Javascript
js中传递特殊字符(+,&amp;)的方法
Jan 16 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
input标签内容改变的触发事件介绍
Jun 18 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
详解AngularJS过滤器的使用
Mar 11 Javascript
总结Javascript中的隐式类型转换
Aug 24 Javascript
jquery中done和then的区别(详解)
Dec 19 jQuery
JS中常用的消息框总结
Feb 24 Javascript
JavaScript中为事件指定处理程序的五种方式分析
Jul 27 Javascript
element-ui 实现响应式导航栏的示例代码
May 08 Javascript
关于element的表单组件整理笔记
Feb 05 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实现根据字符串生成对应数组的方法
2014/09/22 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
php倒计时出现-0情况的解决方法
2016/07/28 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
jQuery toggle()设置CSS样式
2009/11/05 Javascript
Jquery + Ajax调用webService实例代码(asp.net)
2010/08/27 Javascript
javascript 45种缓动效果 非常酷
2011/06/28 Javascript
Js 回车换行处理的办法及replace方法应用
2013/01/24 Javascript
8个实用的jQuery技巧
2014/03/04 Javascript
node.js中的url.format方法使用说明
2014/12/10 Javascript
jquery插件uploadify实现带进度条的文件批量上传
2015/12/13 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
React Native实现简单的登录功能(推荐)
2016/09/19 Javascript
seajs学习教程之基础篇
2016/10/20 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
webpack分离css单独打包的方法
2018/06/12 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2018/09/20 Javascript
Python 文件重命名工具代码
2009/07/26 Python
python错误:AttributeError: 'module' object has no attribute 'setdefaultencoding'问题的解决方法
2014/08/22 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
详解Python是如何实现issubclass的
2019/07/24 Python
python add_argument()用法解析
2020/01/29 Python
canvas线条的属性详解
2018/03/27 HTML / CSS
HTML5自定义mp3播放器源码
2020/01/06 HTML / CSS
日本高端护肤品牌:Tatcha
2016/08/29 全球购物
节省高达65%的城市景点费用:Go City
2019/07/06 全球购物
班班通校本培训方案
2014/03/12 职场文书
同学会主持词
2014/03/18 职场文书
教师竞聘演讲稿
2014/05/16 职场文书
部门活动策划方案
2014/08/16 职场文书
中国梦演讲稿开场白
2014/08/28 职场文书
无犯罪记录证明
2014/09/19 职场文书
王金山在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书