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面向对象(极简主义法minimalist approach)
Jul 17 Javascript
Checbox的操作含已选、未选及判断代码
Nov 07 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
jQuery Ajax()方法使用指南
Nov 19 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
Jan 22 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
Oct 21 Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 Javascript
node.js调用C++函数的方法示例
Sep 21 Javascript
详解小程序input框失焦事件在提交事件前的处理
May 05 Javascript
js实现百度登录窗口拖拽效果
Mar 19 Javascript
JavaScript实现烟花绽放动画效果
Aug 04 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
重量级动漫纷纷停播!唯独OVERLORD第四季正在英魂之刃继续更新
2020/05/06 日漫
Php部分常见问题总结
2006/10/09 PHP
php 图片上传类代码
2009/07/17 PHP
php面向对象全攻略 (七) 继承性
2009/09/30 PHP
php返回json数据函数实例
2014/10/09 PHP
浅析php单例模式
2014/11/25 PHP
PHP-FPM实现性能优化
2016/03/31 PHP
PHP get_html_translation_table()函数用法讲解
2019/02/16 PHP
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/06 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
最简单的js图片切换效果实现代码
2011/09/24 Javascript
javascript中的原型链深入理解
2014/02/24 Javascript
NodeJS制作爬虫全过程
2014/12/22 NodeJs
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
2016/06/06 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
详解使用create-react-app添加css modules、sasss和antd
2018/07/31 Javascript
在vue中安装使用vux的教程详解
2018/09/16 Javascript
基于Vue实现图片在指定区域内移动的思路详解
2018/11/11 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
Python命令行解析模块详解
2018/02/01 Python
Python3.5 创建文件的简单实例
2018/04/26 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
将不规则的Python多维数组拉平到一维的方法实现
2021/01/11 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
文言文形式的学生求职信
2013/12/03 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
期中考试后的反思
2014/02/08 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
技术员岗位职责
2015/02/04 职场文书
2015年七一建党节慰问信
2015/03/23 职场文书
小学生六年级作文之关于感恩
2019/08/16 职场文书
Tomcat执行startup.bat出现闪退的原因及解决办法
2022/04/20 Servers