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.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
Oct 11 Javascript
css值转换成数值请抛弃parseInt
Oct 24 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
May 12 Javascript
基于Jquery插件实现跨域异步上传文件功能
Apr 26 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
详解vee-validate的使用个人小结
Jun 07 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 10 Javascript
TS 类型收窄教程示例详解
Sep 23 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超大文件下载,断点续传下载的方法详解
2013/06/06 PHP
详解php用static方法的原因
2018/09/12 PHP
Display SQL Server Version Information
2007/06/21 Javascript
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
js获取php变量的实现代码
2013/08/10 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
解读Bootstrap v4 sass设计
2016/05/29 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
NodeJS学习笔记之Module的简介
2017/03/24 NodeJs
判断颜色是否合法的正则表达式(详解)
2017/05/03 Javascript
vue+axios实现登录拦截的实例代码
2017/05/22 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
IntersectionObserver实现图片懒加载的示例
2017/09/29 Javascript
vue 权限认证token的实现方法
2018/07/17 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
js实现多个标题吸顶效果
2020/01/08 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
python实现爬虫下载漫画示例
2014/02/16 Python
零基础写python爬虫之抓取糗事百科代码分享
2014/11/06 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
python实现爬取百度图片的方法示例
2019/07/06 Python
python socket 聊天室实例代码详解
2019/11/14 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
django haystack实现全文检索的示例代码
2020/06/24 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
2018/11/30 HTML / CSS
工作态度检讨书
2014/02/11 职场文书
高中生评语大全
2014/04/25 职场文书
入职担保书范文
2014/05/21 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
入党培养人考察意见
2015/06/08 职场文书
Ajax实现三级联动效果
2021/10/05 Javascript
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS