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 相关文章推荐
永不消失的title提示代码
Feb 15 Javascript
前后台交互过程中json格式如何解析以及如何生成
Dec 26 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
js遍历、动态的添加数据的小例子
Jun 22 Javascript
node.js中的fs.write方法使用说明
Dec 15 Javascript
node.js中的fs.realpathSync方法使用说明
Dec 16 Javascript
jquery实现加载进度条提示效果
Nov 23 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
JQuery遍历元素的父辈和祖先的方法
Sep 18 Javascript
纯原生js实现贪吃蛇游戏
Apr 16 Javascript
用vuex写了一个购物车H5页面的示例代码
Dec 04 Javascript
react native 仿微信聊天室实例代码
Sep 17 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
使用ThinkPHP自带的Http类下载远程图片到本地的实现代码
2011/08/02 PHP
Mysql中分页查询的两个解决方法比较
2013/05/02 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
2018/05/12 PHP
PHP设计模式之 策略模式Strategy详解【对象行为型】
2020/05/01 PHP
ExtJS4 Grid改变单元格背景颜色及Column render学习
2013/02/06 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
2013/04/18 Javascript
javascript中普通函数的使用介绍
2013/12/19 Javascript
jquery实现弹出层完美居中效果
2014/03/03 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
2014/03/18 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
深入浅析javascript中的作用域(推荐)
2016/07/19 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
利用vscode调试编译后的js代码详解
2018/05/14 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
2018/10/07 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
微信小程序template模板与component组件的区别和使用详解
2019/05/22 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
JS Math对象与Math方法实例小结
2019/07/05 Javascript
微信小程序如何访问公众号文章
2019/07/08 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
Python实现自动登录百度空间的方法
2017/06/10 Python
python标记语句块使用方法总结
2019/08/05 Python
django model的update时auto_now不被更新的原因及解决方式
2020/04/01 Python
Python jieba库分词模式实例用法
2021/01/13 Python
图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
2016/01/20 HTML / CSS
西安夏日科技有限公司Java笔试题
2013/01/11 面试题
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
受欢迎的大学生自我评价
2013/12/05 职场文书
初中女生自我鉴定
2013/12/19 职场文书
关于元旦的广播稿
2014/02/16 职场文书
Python中zipfile压缩包模块的使用
2021/05/14 Python
PHP实现两种排课方式
2021/06/26 PHP