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 相关文章推荐
20个最新的jQuery插件
Jan 13 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
Feb 16 Javascript
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
详解JavaScript中void语句的使用
Jun 04 Javascript
js密码强度校验
Nov 10 Javascript
微信小程序 Record API详解及实例代码
Sep 30 Javascript
angularjs 中$apply,$digest,$watch详解
Oct 13 Javascript
js 颜色选择插件
Jan 23 Javascript
C#微信小程序服务端获取用户解密信息实例代码
Mar 10 Javascript
在微信小程序中使用mqtt服务的方法
Dec 13 Javascript
vue实现列表垂直无缝滚动
Apr 08 Vue.js
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 执行系统命令的方法
2009/07/07 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
Symfony2实现在doctrine中内置数据的方法
2016/02/05 PHP
Zend Framework入门教程之Zend_Registry组件用法详解
2016/12/09 PHP
基于php中echo用逗号和用点号的区别详解
2018/01/23 PHP
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
Jquery ui css framework
2010/06/28 Javascript
node.js中watch机制详解
2014/11/17 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
JavaScript制作淘宝星级评分效果的思路
2020/06/23 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
2017/05/10 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
JS面向对象编程实现的Tab选项卡案例详解
2020/03/03 Javascript
Javascript实现鼠标移入方向感知
2020/06/24 Javascript
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
详解Python程序与服务器连接的WSGI接口
2015/04/29 Python
Python中顺序表的实现简单代码分享
2018/01/09 Python
pandas series序列转化为星期几的实例
2018/04/11 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/26 Python
Django中create和save方法的不同
2019/08/13 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
南非领先的在线旅行社:Travelstart南非
2016/09/04 全球购物
南京软件公司的.net程序员笔试题
2014/08/31 面试题
初中升旗仪式演讲稿
2014/05/08 职场文书
搞笑婚前保证书
2015/02/28 职场文书
2016年暑期教师培训心得体会
2016/01/09 职场文书
MySQL 中如何归档数据的实现方法
2022/03/16 SQL Server