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 相关文章推荐
JavaScript中双叹号(!!)作用示例介绍
Apr 10 Javascript
node.js中的url.format方法使用说明
Dec 10 Javascript
浅谈EasyUI中Treegrid节点的删除
Mar 01 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
前端页面文件拖拽上传模块js代码示例
May 19 Javascript
JavaScript中的高级函数
Jan 04 Javascript
读懂CommonJS的模块加载
Apr 19 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
May 15 Javascript
微信小程序系列之自定义顶部导航功能
May 21 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
Mar 11 Javascript
Vue实现附件上传功能
May 28 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 06 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
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
2010/12/29 PHP
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
jQuery中prop()方法用法实例
2015/01/05 Javascript
AspNet中使用JQuery boxy插件的确认框
2015/05/20 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
关于JS中的apply,call,bind的深入解析
2016/04/05 Javascript
BootStrap实现树形目录组件代码详解
2016/06/21 Javascript
jQuery ajax MD5实现用户注册即时验证功能
2016/10/11 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
2017/12/15 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
vue axios数据请求get、post方法及实例详解
2018/09/11 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
Flask框架的学习指南之用户登录管理
2016/11/20 Python
Django实现组合搜索的方法示例
2018/01/23 Python
python保存数据到本地文件的方法
2018/06/23 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
python使用建议与技巧分享(一)
2020/08/17 Python
CSS3 clip-path 用法介绍详解
2018/03/01 HTML / CSS
css3实现书本翻页效果的示例代码
2021/03/08 HTML / CSS
英国电子专家:maplin
2019/09/04 全球购物
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
关于人生的感言
2014/01/17 职场文书
中国好声音华少广告词
2014/03/17 职场文书
课前三分钟演讲稿
2014/04/24 职场文书
2014年党务公开方案
2014/05/08 职场文书
大型活动组织方案
2014/05/10 职场文书
统计员岗位职责
2015/02/11 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
电子表的操作介绍说明书
2019/10/28 职场文书
python 破解加密zip文件的密码
2021/04/22 Python