JavaScript日期对象(Date)基本用法示例


Posted in Javascript onJanuary 18, 2017

本文实例讲述了JavaScript日期对象(Date)基本用法。分享给大家供大家参考,具体如下:

1.获取当前日期:

document.write("Current time: "+new Date());

2.获取时间戳(毫秒):

document.write(new Date().getTime());

3.设置年月日(年为必选,月日为可选):

var d = new Date();
d.setFullYear(2016,3,16)
document.write(d);
document.write("<br/>");
document.write(d.getTime());

4.返回当前星期几:

document.write(new Date().getDay())

5.日期对象的比较:

function compareDate(){
  var oneday = new Date();
  oneday.setFullYear(2016,2,26);
  var currentday = new Date();
  if (oneday<currentday){
   alert("before");
  }else{
   alert("after");
  }
}

效果图:

JavaScript日期对象(Date)基本用法示例

示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title>Javascript 日期对象</title>
<head>
 <style>
  body {background-color:#e6e6e6}
 </style>
</head>
<body onload="startTime()">
 <h3>(一)返回当前的日期</h3>
 <script>
 document.write("Current time: "+new Date());
 </script>
 <h3>(二)返回时间戳(毫秒)</h3>
 <script>
 document.write(new Date().getTime());
 </script>
 <h3>(三)设置年月日</h3>
 <script>
 var d = new Date();
 d.setFullYear(2016,3,16)
 document.write(d);
 document.write("<br/>");
 document.write(d.getTime());
 </script>
 <h3>(四)将当日的日期(根据 UTC)转换为字符串</h3>
 <script>
 var d2 = new Date()
 document.write (d2.toUTCString())
 </script>
 <h3>(五)返回当前星期几</h3>
 <script>
 var d3=new Date()
 var weekday=new Array(7)
 weekday[0]="星期日"
 weekday[1]="星期一"
 weekday[2]="星期二"
 weekday[3]="星期三"
 weekday[4]="星期四"
 weekday[5]="星期五"
 weekday[6]="星期六"
 document.write(weekday[d3.getDay()])
 </script>
 <h3>(六)显示一个时间钟表</h3>
 <p id = "time_text"></p>
 <script>
  function startTime(){
   var today = new Date();
   var y = today.getFullYear();
   var M = today.getMonth()+1;
   var day = today.getDay();
   var h = today.getHours();
   var m = today.getMinutes();
   var s = today.getSeconds();
   m = checkTime(m);
   s = checkTime(s);
   var content = (y+"/"+M+"/"+day+" "+h+":"+m+":"+s).fontsize(6).fontcolor("red");
   document.getElementById("time_text").innerHTML = content;
   setTimeout("startTime()",500);
  }
  function checkTime(i){
   if(i<10){
    return "0"+i;
   }
   return i;
  }
 </script>
 <h3>(七)日期对象的比较</h3>
 <p>2016.3.26与当前时间的关系?</p>
 <button onclick = "compareDate()">比较</button>
 <script>
 function compareDate(){
  var oneday = new Date();
  oneday.setFullYear(2016,2,26);
  var currentday = new Date();
  if (oneday<currentday){
   alert("before");
  }else{
   alert("after");
  }
 }
 </script>
</body>
</html>
Javascript 相关文章推荐
jQuery 创建Dom元素
May 07 Javascript
jQuery与其它库冲突的解决方法
Jun 25 Javascript
SharePoint 客户端对象模型 (一) ECMA Script
May 22 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
js正则表达式replace替换变量方法
May 21 Javascript
JavaScript实现垂直滚动条效果
Jan 18 Javascript
js实现文字选中分享功能
Jan 25 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
May 31 Javascript
jQuery中的一些小技巧
Jan 18 #Javascript
AngularJS Select(选择框)使用详解
Jan 18 #Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 #Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
Jan 18 #Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
Jan 18 #Javascript
原生Javascript插件开发实践
Jan 18 #Javascript
js实现炫酷的左右轮播图
Jan 18 #Javascript
You might like
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
用JavaScript页面不刷新时全选择,全删除(GridView)
2009/04/14 Javascript
Javascript 面向对象 命名空间
2010/05/13 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
js获取系统的根路径实现介绍
2013/09/08 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
2014/02/21 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
jQuery中$(function() {});问题详解
2015/08/10 Javascript
关于数据与后端进行交流匹配(点亮星星)
2016/08/03 Javascript
JavaScript递归操作实例浅析
2016/10/31 Javascript
javascript闭包功能与用法实例分析
2017/04/06 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
js+html5实现页面可刷新的倒计时效果
2017/07/15 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
2017/07/28 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
python 实现多维数组(array)排序
2020/02/28 Python
CSS3中Animation属性的使用详解
2015/08/06 HTML / CSS
寻找完美的房车租赁:RVShare
2019/02/23 全球购物
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
西安夏日科技有限公司Java笔试题
2013/01/11 面试题
总经理职责范文
2013/11/08 职场文书
商场活动策划方案
2014/01/24 职场文书
英语系毕业生求职信
2014/07/13 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
2015年小学生暑假总结
2015/07/13 职场文书
Java spring单点登录系统
2021/09/04 Java/Android
nginx rewrite功能使用场景分析
2022/05/30 Servers