`

javascript操作时间总结

阅读更多
时间对象是一个我们经常要用到的对象,无论是做时间输出、时间判断等操作时都与这个对象离不开。除开JavaScript中的时间对象外,在VbScript中也有许多的时间对象,而且非常好用。下面还是按照我们的流程来进行讲解。

它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。
 方法:分为得到时间方法、设置时间方法和转换时间方法

得到时间方法:
  getDate() 查看Date对象并返回日期
  getDay() 返回星期几
  getHours() 返回小时数
  getMinutes() 返回分钟数
  getMonth() 返回月份值
  getSeconds() 返回秒数
  getTime() 返回完整的时间
  getYear() 返回年份
  

设置时间方法:
  setDate() 改变Date对象的日期
  setHours() 改变小时数
  setMinutes() 改变分钟数
  setMonth() 改变月份
  setSeconds() 改变秒数
  setTime() 改变完整的时间
  setYear() 改变年份

转换时间方法:
  toGMTString() 把Date对象的日期(一个数值)转变成一个GMT时间字符串,返回类似下面的值:Weds,15 June l997 14:02:02 GMT(精确的格式依赖于计算机上所运行的操作系统而变)
  toLocaleString() 把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式
  UTC() 使用Date UTC(年、月、日、时、分、秒),以自从1970年1月1日00:00:00(其中时、分、秒是可选的)以来的毫秒数的形式返回日期
几个需要注意的地方:

1、得到日期和年和设置日期和年时间,其中很怪的问题就是不能对月份进行设置(比较的怪):
<script language="javascript">
d = new Date();
alert(d.toLocaleString());
d.setDate(25);
alert(d.toLocaleString());
d.setYear(2000);
alert(d.toLocaleString());
</script>

2、获得年的时候最好用getFullYear()方法来做

3、由于针对月份,JS是从0开始的,因此需要对月份进行操作时要加1



下面是几个关于时间的经典而且经常会用到的例子,希望对大家会有提高的。谢谢继续关注该帖子。。。

1、将2005-8-5转换成2005-08-05格式
<script language="javascript">
var strDate = '2005-8-5';
window.alert(strDate.replace(/\b(\w)\b/g, '0$1'));
</script>

2、得到间隔天数
<script type="text/javascript">
<!--
alert("间隔天数为:"+(new Date('2005/8/15')-new Date('2003/9/18'))/1000/60/60/24+"天")
//-->
</script>

3、得到间隔时间
<script>
var d1=new Date("2004/09/16 20:08:00");
var d2=new Date("2004/09/16 10:18:03");
var d3=d1-d2;
var h=Math.floor(d3/3600000);
var m=Math.floor((d3-h*3600000)/60000);
var s=(d3-h*3600000-m*60000)/1000;
alert("相差"+h+"小时"+m+"分"+s+"秒");
</script>

4、得到今天的日期
<script language="javascript">
d = new Date();
alert(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日");
</script>

6、数字日期转汉字
<html>
<head>
<title> New Document </title>
</head>

<body>

<script language=javascript>
Date.prototype.getRead = function()
{
var values = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九");
var returnValue, temp;
returnValue = this.getYear()+"年";
temp = (this.getMonth()+1)+"月"+this.getDate()+"日";
temp = temp.replace(/(\d)(\d)/g,"$1十$2").replace(/1十/g,"十").replace(/十0/g,"十");
returnValue += temp;
returnValue = returnValue.replace(/\d/g, function(sts){return values[parseInt(sts)]});
return returnValue;
}

var t=new Date();
document.write(t.getRead());
</script>
</body>
</html>

7、得到前N天或后N天的日期
方法一:
<script type="text/javascript">
function showdate(n)
{
var uom = new Date(new Date()-0+n*86400000);
uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate();
return uom;
}

window.alert("今天是:"+showdate(0));
window.alert("昨天是:"+showdate(-1));
window.alert("明天是:"+showdate(1));
window.alert("10天前是:"+showdate(-10));
window.alert("5天后是:"+showdate(5));
</script>
方法二:
<script type="text/javascript">
function showdate(n)
{
var uom = new Date();
uom.setDate(uom.getDate()+n);
uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate();
return uom;
}

window.alert("今天是:"+showdate(0));
window.alert("昨天是:"+showdate(-1));
window.alert("明天是:"+showdate(1));
window.alert("10天前是:"+showdate(-10));
window.alert("5天后是:"+showdate(5));
</script>
方法三(不好意思,这个市用vsscript做的):
<script language="vbscript">
function showdate(n)
showdate=dateadd("d",date(),n)
end function
msgbox "今天是:"&showdate(0)
msgbox "昨天是:"&showdate(-1)
msgbox "明天是:"&showdate(1)
msgbox "十天前是:"&showdate(-10)
msgbox "五天后是:"&showdate(5)
</script>
方法四:
<script language="Javascript">
Date.prototype.getDays=function(){
var _newDate=new Date();
_newDate.setMonth(_newDate.getMonth()+1);
_newDate.setDate(0);
$_days=_newDate.getDate();
delete _newDate;
return $_days;
}
function showdate(n)
{
var uom = new Date();
uom.setDate(uom.getDate()+n);
uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate()+"\n星期"+('天一二三四五六'.charAt(uom.getDay()))+"\n本月有"+ uom.getDays()+"天";
return uom;
}

window.alert("今天是:"+showdate(0));
window.alert("昨天是:"+showdate(-1));
window.alert("明天是:"+showdate(1));
window.alert("10天前是:"+showdate(-10));
window.alert("5天后是:"+showdate(5));
</script>
分享到:
评论

相关推荐

    C#和javascript操作cookie

    总结起来,C#和JavaScript在处理Cookie时各有其特点:C#在服务器端创建和管理Cookie,而JavaScript在客户端进行读取、修改和删除操作。这种协同工作模式在许多Web应用中都十分常见,尤其在需要进行用户状态追踪和...

    javascript常见用法总结

    在JavaScript中,编码和解码是处理字符串时常见的操作,特别是在与...以上就是JavaScript中关于编码解码、定时器使用、数字验证以及DOM操作的一些常见用法。理解并熟练运用这些技术对于开发交互式的Web应用至关重要。

    javascript系统时间设置操作示例.docx

    总结,JavaScript系统时间设置操作主要涉及到`Date`对象的使用,获取和格式化时间信息,以及通过`setInterval`进行定时更新。了解和掌握这些知识点对于进行前端开发和处理时间相关的业务逻辑至关重要。

    javascript cookie 操作框架 XCookie

    总结一下,XCookie是一个实用的JavaScript库,用于简化浏览器cookie的管理工作,它提供了一组易于理解和使用的API,涵盖了创建、读取、更新和删除cookie的各种操作。了解和掌握这个框架将有助于提高前端开发的效率,...

    javascript自己看视频总结

    从给定的文件信息中,我们可以提炼出一系列与JavaScript相关的知识点,这些知识点涵盖了变量声明、对象操作、数组处理、日期操作、事件监听等关键领域。下面是对这些知识点的详细解析: ### 变量声明与作用域 在...

    javascript常用知识点总结

    本文将总结一些JavaScript中的常用知识点,包括表单处理、DOM操作、定时器以及框架的使用。 1. **form.elements[]属性**: 这个属性允许你访问HTML表单中的所有控件元素。通过索引,你可以获取或修改表单中的任何...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...

    JavaScript时间的获取

    总结一下,JavaScript提供了丰富的`Date`对象方法来获取和操作时间,包括`getDate`、`getDay`、`getHours`、`getMinutes`、`getSeconds`、`getMonth`和`getFullYear`等。这些方法可以帮助开发者在网页应用中实现各种...

    js 时间控件 javascript

    总结,JavaScript时间控件是网页交互中的重要组成部分,通过结合DOM操作、事件处理、日期对象以及第三方库,我们可以构建出功能强大、易用且符合用户习惯的时间选择工具。在开发过程中,考虑可访问性、国际化和性能...

    JavaScript学习基础学习心得

    - **单线程**:JavaScript的核心执行模型是单线程的,这意味着同一时间只能执行一个任务。 #### 如何引入JavaScript JavaScript可以通过多种方式被引入到网页中: 1. **页面嵌入式**:通过`&lt;script type="text/...

    22.2 JavaScript 常用操作

    总结,JavaScript的常用操作涵盖了变量管理、数据处理、流程控制等多个方面,而DOM和BOM则是JavaScript与网页内容交互的核心工具。通过熟练掌握这些知识,开发者可以创建出更具吸引力和实用性的Web应用。

    Javascript日期时间选择控件

    总结起来,JavaScript日期时间选择控件是前端开发中的一个重要工具,它利用JavaScript的日期处理能力,结合UI设计,提供了直观、便捷的日期时间选择功能。DateTimeCalendar作为这样一个控件,值得开发者深入研究和...

    javascript工作总结

    DOM(文档对象模型)是JavaScript操作HTML和XML文档的标准接口,通过它可以添加、删除、修改页面元素。 异步编程是JavaScript处理I/O操作和网络请求的方式,常见的有回调函数、Promise和async/await。回调函数虽然...

    JavaScript特效(时间日期类)

    总结,JavaScript中的时间日期特效涉及到对Date对象的深入理解和DOM操作的技巧。通过创建自定义时间选择器,结合交互和动画,可以提升用户体验。同时,注意兼容性、性能优化和国际化,使你的代码更加健壮和适用。

    javascript 跨frame时间控件

    总结,JavaScript跨frame时间控件是通过JavaScript的Date对象、跨frame通信机制和事件监听来实现的。它能帮助开发者在多frame环境中实现时间信息的共享和同步,但在实际应用时要注意安全和性能的优化。在给定的...

    javascript 日期控件带时间

    总结来说,创建一个JavaScript的日期控件带时间,涉及到对`Date`对象的操作、用户界面设计、事件处理、验证、格式化和可复用性设计。对于初学者,理解`Date`对象的基本用法和学习现有的库是快速实现这一功能的好方法...

    JavaScript经典效果集锦

    - **当前时间显示**:使用VBScript的`document.write(now)`或JavaScript的`document.write(document.lastModified)`来显示当前时间或页面最后修改的时间。 - **设置主页和收藏夹**:通过JavaScript改变浏览器的行为...

    javascript常用函数 javascript 常用库

    总结,JavaScript的常用函数和库是提升开发效率的关键。它们包含了从数据操作到用户交互的各种功能,而公共方法的使用则能进一步优化代码结构,使项目更加模块化和可维护。通过熟悉并灵活运用这些工具,开发者可以更...

Global site tag (gtag.js) - Google Analytics