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 相关文章推荐
新闻内页-JS分页
Jun 07 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
Jun 21 Javascript
js清除input中type等于file的值域(示例代码)
Dec 24 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
Dec 02 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
angularJS Provider、factory、service详解及实例代码
Sep 21 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
Nov 09 Javascript
利用hasOwnProperty给数组去重的面试题分享
Nov 05 Javascript
JS中的算法与数据结构之集合(Set)实例详解
Aug 20 Javascript
JS回调函数 callback的理解与使用案例分析
Sep 09 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 Javascript
js实现简单的轮播图效果
Dec 13 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 判断常量,变量和函数是否存在
2009/04/26 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
PHP中strpos、strstr和stripos、stristr函数分析
2016/06/11 PHP
详解php实现页面静态化原理
2017/06/21 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
文本链接逐个出现的js脚本
2007/12/12 Javascript
javascript 文档的编码问题解决
2009/03/01 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
Javascript浅谈之this
2013/12/17 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
利用JavaScript检测CPU使用率自己写的
2014/03/22 Javascript
js无刷新操作table的行和列
2014/03/27 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
JavaScript实现动态删除列表框值的方法
2015/08/12 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
2016/11/25 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
详解Vuex中mapState的具体用法
2017/09/28 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
VUE 动态组件的应用案例分析
2019/12/02 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
[05:37]DOTA2-DPC中国联赛 正赛 Elephant vs iG 选手采访
2021/03/11 DOTA
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
Python使用combinations实现排列组合的方法
2018/11/13 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
酒后驾车标语
2014/06/30 职场文书
社区关爱留守儿童活动方案
2014/08/22 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
《小小的船》教学反思
2016/02/18 职场文书
高中政治教师教学反思
2016/02/23 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库