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 Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
Safari5中alert的无限循环BUG
Apr 07 Javascript
javascript中[]和{}对象使用介绍
Mar 20 Javascript
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
js 验证身份证信息有效性
Mar 28 Javascript
vue观察模式浅析
Sep 25 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
Cordova(ionic)项目实现双击返回键退出应用
Sep 17 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 Javascript
小程序分享链接onShareAppMessage的具体用法
May 22 Javascript
js实现从右往左匀速显示图片(无缝轮播)
Jun 29 Javascript
vue3使用vue-router的完整步骤记录
Jun 20 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数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
php中把美国时间转为北京时间的自定义函数分享
2014/07/28 PHP
php实现读取手机客户端浏览器的类
2015/01/09 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
php对数组内元素进行随机调换的方法
2015/05/12 PHP
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
jQuery学习2 选择器的使用说明
2010/02/07 Javascript
jQuery 操作下拉列表框实现代码
2010/02/22 Javascript
JS 如何获取radio选中后的值及不选择取radio的值
2013/10/28 Javascript
21个JavaScript事件(Events)属性汇总
2014/12/02 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
2016/06/23 Javascript
Node.js实现文件上传
2016/07/05 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
2017/09/12 Javascript
微信小程序模拟cookie的实现
2018/06/20 Javascript
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
Python初学者常见错误详解
2019/07/02 Python
Python中拆分字符串的操作方法
2019/07/23 Python
pycharm修改文件的默认打开方式的步骤
2019/07/29 Python
python列表返回重复数据的下标
2020/02/10 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
纯CSS3实现8组超炫酷鼠标滑过图片动画
2016/03/16 HTML / CSS
html5简单示例_动力节点Java学院整理
2017/07/07 HTML / CSS
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
初三新学期计划书
2014/05/03 职场文书
工作说明书格式
2014/07/29 职场文书
三严三实对照检查材料
2014/08/25 职场文书
2015年机关党委工作总结
2015/05/23 职场文书
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers
防止web项目中的SQL注入
2021/12/06 MySQL
Oracle 触发器trigger使用案例
2022/02/24 Oracle