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 相关文章推荐
GreyBox技术总结(转)
Nov 23 Javascript
js实现简单登录功能的实例代码
Nov 09 Javascript
返回上一页并自动刷新的JavaScript代码
Feb 19 Javascript
实例讲解js验证表单项是否为空的方法
Jan 09 Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 Javascript
Bootstrap媒体对象学习使用
Mar 07 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
bootstrap table使用入门基本用法
May 24 Javascript
[js高手之路]单例模式实现模态框的示例
Sep 01 Javascript
Angular表格神器ui-grid应用详解
Sep 29 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
原生JS实现的双色球功能示例
Feb 02 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
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
深入php中var_dump方法的使用详解
2013/06/24 PHP
PHP与Java进行通信的实现方法
2013/10/21 PHP
php实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
基于thinkPHP3.2实现微信接入及查询token值的方法
2017/04/18 PHP
PHP+AjaxForm异步带进度条上传文件实例代码
2017/08/14 PHP
PHP 判断字符串是中文还是英文, 或者是中英混合
2021/03/09 PHP
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
JavaScript 5 新增 Array 方法实现介绍
2012/02/06 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
js脚本获取webform服务器控件的方法
2014/05/16 Javascript
JS控制伪元素的方法汇总
2016/04/06 Javascript
AngularJS入门教程之AngularJS 模板
2016/08/18 Javascript
一道面试题引发的对javascript类型转换的思考
2017/03/06 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
vue-cli3添加模式配置多环境变量的方法
2019/06/05 Javascript
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
python list转dict示例分享
2014/01/28 Python
Python验证企业工商注册码
2015/10/25 Python
Python面向对象编程基础解析(一)
2017/10/26 Python
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
Python如何使用字符打印照片
2020/01/03 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
Django websocket原理及功能实现代码
2020/11/14 Python
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
英国比较机场停车场网站:Airport Parking Essentials
2019/12/01 全球购物
新媒传信软件测试面试题
2013/02/24 面试题
DELPHI面试题研发笔试试卷
2015/11/08 面试题
《最大的麦穗》教学反思
2014/04/17 职场文书
2016公务员年度考核评语
2015/12/01 职场文书
创业计划书之美容店
2019/09/16 职场文书
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js
索尼ICF-5900W收音机测评
2022/04/24 无线电