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 相关文章推荐
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
javascript中的缓动效果实现程序
Dec 29 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
Apr 24 Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 Javascript
js function定义函数的几种不错方法
Feb 27 Javascript
jquery的ajax跨域请求原理和示例
May 08 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
Dec 28 Javascript
探索angularjs+requirejs全面实现按需加载的套路
Feb 26 Javascript
详解webpack中的hash、chunkhash、contenthash区别
Jan 05 Javascript
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
JQuery属性操作与循环用法示例
May 15 jQuery
layui动态表头的实现代码
Aug 22 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静态新闻列表自动生成代码
2007/06/14 PHP
PHP中设置时区方法小结
2012/06/03 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
php创建图像具体步骤
2017/03/13 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
纯JS实现动态时间显示代码
2014/02/08 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
JavaScript严格模式详解
2017/01/16 Javascript
微信小程序教程系列之视图层的条件渲染(10)
2017/04/19 Javascript
Angularjs 与 bower安装和使用详解
2017/05/11 Javascript
angularjs2中父子组件的数据传递的实例代码
2017/07/05 Javascript
Node.js模块全局安装路径配置方法
2018/05/17 Javascript
jquery.pagination.js分页使用教程
2018/10/23 jQuery
JS实现马赛克图片效果完整示例
2019/04/13 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
python函数局部变量用法实例分析
2015/08/04 Python
Python脚本获取操作系统版本信息
2016/12/17 Python
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
使用Python matplotlib作图时,设置横纵坐标轴数值以百分比(%)显示
2020/05/16 Python
Python 爬取淘宝商品信息栏目的实现
2021/02/06 Python
CSS3实现时间轴特效
2020/11/02 HTML / CSS
物业管理毕业生的自我评价
2014/02/17 职场文书
母亲节感恩活动记录
2014/03/16 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
社保缴纳证明申请书
2014/11/03 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
导游词之铁岭象牙山
2019/12/06 职场文书
Python中tkinter的用户登录管理的实现
2021/04/22 Python
Win11跳过联网界面创建本地管理账户的3种方法
2022/04/20 数码科技