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 if条件判断方法小结
May 17 Javascript
node.js中的fs.rename方法使用说明
Dec 16 Javascript
jquery实现最简单的滑动菜单效果代码
Sep 12 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
微信小程序 增、删、改、查操作实例详解
Jan 13 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
Nov 10 Javascript
vue中render函数的使用详解
Oct 12 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
JS实现判断移动端PC端功能
Feb 21 Javascript
js判断密码强度的方法
Mar 18 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
Jul 31 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文件向另一个地址post数据,不用表单和隐藏的变量的
2007/03/06 PHP
php 字符串替换的方法
2012/01/10 PHP
深入理解php的MySQL连接类
2013/06/07 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
javascript Array数组对象的扩展函数代码
2010/05/22 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
js实现对table动态添加、删除和更新的方法
2015/02/10 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
JavaScript中最常用的10种代码简写技巧总结
2017/06/28 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
es6中Promise 对象基本功能与用法实例分析
2020/02/23 Javascript
Python迭代器和生成器介绍
2015/03/06 Python
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
Django 权限认证(根据不同的用户,设置不同的显示和访问权限)
2019/07/24 Python
Python socket聊天脚本代码实例
2020/01/02 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
CSS3实现酷炫的3D旋转透视效果
2019/11/21 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
英国天然保健品网站:Simply Supplements
2017/03/22 全球购物
英国马匹装备和马术用品购物网站:Equine Superstore
2019/03/03 全球购物
会话Bean的种类
2013/11/07 面试题
医学生个人求职信范文
2014/02/07 职场文书
外语系毕业生求职自荐信
2014/04/12 职场文书
羽毛球社团活动总结
2014/06/27 职场文书
电话营销开场白
2015/05/29 职场文书
预备党员表决心的话
2015/09/22 职场文书
MySQL令人咋舌的隐式转换
2021/04/05 MySQL
vue+spring boot实现校验码功能
2021/05/27 Vue.js