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 相关文章推荐
window.opener用法和用途实例介绍
Aug 19 Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
javascript实现图片上传前台页面
Aug 18 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
May 12 Javascript
JavaScript:Date类型全面解析
May 19 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 Javascript
jQuery实现的背景颜色渐变动画效果示例
Mar 24 jQuery
javascript trie前缀树的示例
Jan 29 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
VuePress 中如何增加用户登录功能
Nov 29 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 Javascript
js实现点击选项置顶动画效果
Aug 25 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投票系统防刷票判断流程分析
2012/02/04 PHP
PHP使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
PHP获取文件夹大小函数用法实例
2015/07/01 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
基于laravel-admin 后台 列表标签背景的使用方法
2019/10/03 PHP
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
js opener的使用详解
2014/01/11 Javascript
jQuery实现模拟marquee标签效果
2015/07/14 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
2016/05/21 Javascript
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
vue中引入mxGraph的步骤详解
2019/05/17 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
js实现点击烟花特效
2020/10/14 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
Python selenium 三种等待方式详解(必会)
2016/09/15 Python
python模块之sys模块和序列化模块(实例讲解)
2017/09/13 Python
对python多线程与global变量详解
2018/11/09 Python
对Python中class和instance以及self的用法详解
2019/06/26 Python
python 中pyqt5 树节点点击实现多窗口切换问题
2019/07/04 Python
Anaconda 查看、创建、管理和使用python环境的方法
2019/12/03 Python
详解Python实现进度条的4种方式
2020/01/15 Python
Python使用socketServer包搭建简易服务器过程详解
2020/06/12 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
GAP阿联酋官网:GAP UAE
2017/11/30 全球购物
DERMAdoctor官网:美国著名皮肤护理品牌
2019/07/06 全球购物
商务会议邀请函
2014/01/09 职场文书
文明城市标语
2014/06/16 职场文书
春节超市活动方案
2014/08/14 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
2014年“四风”问题个人整改措施
2014/09/17 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
出国导师推荐信
2015/03/25 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS