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分页
Jun 07 Javascript
Javascript SHA-1:Secure Hash Algorithm
Dec 20 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
Js数组排序函数sort()介绍
Jun 08 Javascript
jQuery采用连缀写法实现的折叠菜单效果
Sep 18 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
BootStrap树状图显示功能
Nov 24 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
Feb 27 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
Sep 16 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 Javascript
详解vue 组件的实现原理
Nov 12 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数组对百万数据进行排除重复数据的实现代码
2010/06/08 PHP
php实现微信模板消息推送
2018/03/30 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
Javascript写入txt和读取txt文件示例
2014/02/12 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
2015/03/04 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
2015/10/21 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
2020/03/26 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
2016/08/18 Javascript
实例解析Array和String方法
2016/12/14 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
JS如何实现动态添加的元素绑定事件
2019/11/12 Javascript
python简单实现计算过期时间的方法
2015/06/09 Python
python爬虫实战之最简单的网页爬虫教程
2017/08/13 Python
Python实现查找二叉搜索树第k大的节点功能示例
2019/01/24 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
python提取log文件内容并画出图表
2019/07/08 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
学生档案自我鉴定
2013/10/07 职场文书
年终自我鉴定
2013/10/09 职场文书
旷课检讨书范文
2014/10/30 职场文书
市场总监岗位职责
2015/02/11 职场文书
成品仓库管理员岗位职责
2015/04/09 职场文书
2015年质检工作总结
2015/05/04 职场文书
2015年行政人事部工作总结
2015/05/13 职场文书
步步惊心观后感
2015/06/12 职场文书
合作协议书格式范本
2016/03/21 职场文书
JavaScript中关于预编译、作用域链和闭包的理解
2021/03/31 Javascript
Ajax常用封装库——Axios的使用
2021/05/08 Javascript
Python必备技巧之字符数据操作详解
2022/03/23 Python