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 相关文章推荐
Jquery在IE7下无法使用 $.ajax解决方法
Nov 11 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 Javascript
jQuery之日期选择器的深入解析
Jun 19 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 Javascript
浅入深出Vue之组件使用
Jul 11 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
JS删除对象中某一属性案例详解
Sep 08 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
Sep 29 Javascript
elementui实现预览图片组件二次封装
Dec 29 Javascript
react中的DOM操作实现
Jun 30 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编程中字符串处理的5个技巧小结
2007/11/13 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
Laravel 5.1 框架Blade模板引擎用法实例分析
2020/01/04 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
Javascript 读书笔记索引贴
2010/01/11 Javascript
javascript权威指南 学习笔记之变量作用域分享
2011/09/28 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
Javascript合并表格中具有相同内容单元格示例
2013/08/11 Javascript
判断输入是否为空,获得输入类型的JS代码
2013/10/30 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
第五章之BootStrap 栅格系统
2016/04/25 Javascript
JS使用onerror捕获异常示例
2016/08/03 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
2017/10/26 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
python 字符串格式化代码
2013/03/17 Python
python基础教程之缩进介绍
2014/08/29 Python
python批量导入数据进Elasticsearch的实例
2018/05/30 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
python中的协程深入理解
2019/06/10 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
Python使用tkinter实现摇骰子小游戏功能的代码
2020/07/02 Python
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
给民警的表扬信
2014/01/08 职场文书
校庆活动方案
2014/03/31 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
党员评议思想汇报
2014/10/08 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
2014年军人思想汇报范文
2014/10/12 职场文书
2014年效能监察工作总结
2014/11/21 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
项目备案申请报告
2015/05/15 职场文书
工程竣工验收申请报告
2015/05/15 职场文书
2016年公司“3.12”植树节活动总结
2016/03/16 职场文书