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 相关文章推荐
JavaScript学习点滴 call、apply的区别
Oct 22 Javascript
如何使用json在前后台进行数据传输实例介绍
Apr 11 Javascript
jquery中.add()的使用分析
Apr 26 Javascript
javascript删除字符串最后一个字符
Jan 14 Javascript
BootStrap3使用错误记录及解决办法
Dec 22 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
react native仿微信PopupWindow效果的实例代码
Aug 07 Javascript
bootstrap与pagehelper实现分页效果
Dec 29 Javascript
如何从零开始手写Koa2框架
Mar 22 Javascript
详解Vue之父子组件传值
Apr 01 Javascript
微信小程序swiper使用网络图片不显示问题解决
Dec 13 Javascript
详解Vue中的自定义指令
Dec 07 Vue.js
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
thinkphp视图模型查询提示ERR: 1146:Table 'db.pr_order_view' doesn't exist的解决方法
2014/10/30 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
JQuery Tips(3) 关于$()包装集内元素的改变
2009/12/14 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
javascript通过元素id和name直接取得元素的方法
2015/04/28 Javascript
javascript实现在指定元素中垂直水平居中
2015/09/13 Javascript
javascript每日必学之运算符
2016/02/16 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
2016/11/09 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
JS实现点击按钮可实现编辑功能
2018/07/03 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
js 闭包深入理解与实例分析
2020/03/19 Javascript
原生JS实现留言板
2020/03/26 Javascript
微信jssdk踩坑之签名错误invalid signature
2020/05/19 Javascript
jupyter notebook 中输出pyecharts图实例
2020/04/23 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
幼师专业毕业生自荐信
2013/09/29 职场文书
个人评价范文分享
2014/01/11 职场文书
经济担保书范文
2014/04/02 职场文书
协议书怎么写
2014/04/21 职场文书
环境监测与治理技术专业求职信
2014/07/06 职场文书
先进党支部申报材料
2014/12/24 职场文书
2015年“公民道德宣传日”活动方案
2015/05/06 职场文书
项目投资意向书范本
2015/05/09 职场文书
Python中快速掌握Data Frame的常用操作
2021/03/31 Python
python可视化之颜色映射详解
2021/09/15 Python
java实现面板之间切换功能
2022/06/10 Java/Android