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 相关文章推荐
js实现网页随机切换背景图片的方法
Nov 01 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
jQuery中(function($){})(jQuery)详解
Jul 15 Javascript
JQuery自适应窗口大小导航菜单附源码下载
Sep 01 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 Javascript
Node做中转服务器转发接口
Oct 18 Javascript
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
JS实现的简单下拉框联动功能示例
May 11 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
Oct 19 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
Mar 05 Javascript
JS删除数组指定值常用方法详解
Jun 04 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
JAVA/JSP学习系列之六
2006/10/09 PHP
php设计模式 Facade(外观模式)
2011/06/26 PHP
php保存二进制原始数据为图片的程序代码
2014/10/14 PHP
Yii学习总结之安装配置
2015/02/22 PHP
php中JSON的使用方法
2015/04/30 PHP
PHP封装的字符串加密解密函数
2015/12/18 PHP
PHP实现的自定义数组排序函数与排序类示例
2016/11/18 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
Prototype 学习 工具函数学习($A方法)
2009/07/12 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
JavaScript匿名函数与委托使用示例
2014/07/22 Javascript
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
2017/01/19 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
JavaScript获取页面元素的常用方法详解
2019/09/28 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
为Python的web框架编写MVC配置来使其运行的教程
2015/04/30 Python
python抓取百度首页的方法
2015/05/19 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
Tkinter中复选菜单是否被选中的判断与设置方式
2020/03/04 Python
CSS3 伪类选择器 nth-child()说明
2010/07/10 HTML / CSS
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
Raffaello Network西班牙:意大利拉斐尔时尚购物网
2019/03/12 全球购物
食堂员工工作职责
2013/12/18 职场文书
公司联欢会策划方案
2014/05/19 职场文书
争先创优心得体会
2014/09/12 职场文书
党校学习党性分析材料
2014/12/19 职场文书
干部作风纪律整顿心得体会
2016/01/23 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书
CSS实现九宫格布局(自适应)的示例代码
2022/02/12 HTML / CSS