JavaScript 日期与计时器

JavaScript 日期与计时器

JavaScript 中日期和计时器是常用的工具方法,本文主要介绍构造函数 Date 的使用和时间戳的概念,以及设置计时器和清除计时器的方法

日期对象

  1. Date 是一个构造函数,其原型上定义了一些日期方法
  2. Date()

    执行 Date(),返回表示日期的字符串

  3. new Date()

    没有参数,返回当前日期实例对象

    var date = new Date();
    console.log(Object.prototype.toString.call(date)); // [Object Date]
    date.getFullYear() // 返回年份,如 2020
    dae.getMonth() // 返回月份减一,加一得到月份
    date.getDate() // 返回几号,1 到 31
    date.getDay() // 返回周几,0 到 7,周日开始
    date.getHours() // 返回小时
    date.getMinutes() // 返回分钟
    date.getSeconds() // 返回秒数
    date.getMilliseconds() // 返回毫秒数
    // 有 get 同样有 set 方法
    

    有参数,返回对应的日期

    var date = new Date(2020, 1, 1, 8, 30, 10);
    var date = new Date(‘2020/1/1 8:30:10‘);
    var date = new Date(‘2020/01/01 08:30:10‘);
    var date = new Date(‘2020-1-1 8:30:10‘);
    // Sat Feb 01 2020 8:30:10 GMT+0800 (中国标准时间)
    
  4. getTime()

    返回时间戳,即毫秒数

    计算机纪元时间 1970 年 1 月 1 日 0 点 0 分 0 秒

    时间戳:某个时间距离计算机纪元时间的经过的毫秒数

    var dateTime = new Date().getTime(); // 返回当前时间的时间戳
    var date = new Date(dateTime); // 返回时间戳对应时间
    date.setTime(dateTime); // 以时间戳为标准设置时间
    

计时器

  1. setInterval

    每隔特定的毫秒数执行一次内部函数,从当前开始计时

    返回一个数字,是计时器的唯一标识,代表在所有计时器和延时器中的序号

    是 window 下的方法

    setInterval(function(){
    
    }, 1000) // 匿名函数
    funtion Test() {
    
    }
    setInterval(test, 1000);
    setInterval(‘test()‘, 1000); // 字符串形式传入方法
    
  2. clearInterval

    清除计时器

    var timer = setInterval(function(){}, 1000); // timer 是唯一标识,代表在所有计时器中的序号
    clearInterval(timer);
    

延时器

  1. setTimout

    延迟指定时间执行一次内部函数

    返回一个数字,是延时器的唯一标识,代表在所有计时器中和延时器的序号

    setTimeout(function(){
    
    }, 1000) // 匿名函数
    funtion Test() {
    
    }
    setTimeout(test, 1000);
    
  2. clearTimeout

    清除延时器

    var timer = setTimeout(function(){}, 1000); // timer 是唯一标识,代表在所有计时器中的序号
    clearTimeout(timer);
    

定时任务

  1. 描述

    等待条件满足时执行任务,设定时间内条件未满足则执行回调函数

  2. 参数
    • re: 判断条件函数,return 要执行 fn 的条件
    • fn: 等待执行的目标函数
    • space: setInterVal 的间隔时间,space || 100
    • wait: setTimeOut 的等待时间,wait || 3000
    • back: fn 未成功执行时回调函数
  3. 代码
    function timer(re, fn, space, wait, back) {
    				if (re()) {
    					fn();
    				} else {
    					var interval = setInterval(function() {
    						if (re()) {
    							fn();
    							clearInterval(interval);
    							interval = null;
    						}
    					}, space || 100);
    					setTimeout(function() {
    						if (interval) {
    							clearInterval(interval);
    							interval = null;
    							back && back();
    						}
    					}, wait || 3000);
    				}
    			}
    

原文地址:https://www.cnblogs.com/pgjett/p/12603358.html

时间: 2024-10-17 10:27:54

JavaScript 日期与计时器的相关文章

JavaScript日期时间对象的创建与使用(三)

时钟效果一: 代码: <html> <head> <meta charset="utf-8"/> <title>JavaScript日期时间对象的创建与使用</title> </head> <body> <h2 id="time"></h2> <script type="text/javascript"> function Cl

javascript日期处理库-Datejs.js

原文:http://code.google.com/p/datejs/wiki/APIDocumentation javascript日期处理库-Datejs.js 当天时间 Date.today(); 比较两个时间大小,返回-1,0,1 var today = Date.today(); var past = Date.today().add(-6).days(); var future = Date.today().add(6).days(); Date.compare(today, fut

JavaScript 日期格式化 简单实用

JavaScript 日期格式化 简单实用 代码如下,引入jquery后直接后加入以下代码刷新可测试 Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.

JavaScript日期时间操作

js日期操作: var myDate = new Date(); myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1

Javascript日期时间表现形式互转

在一门语言里,一个日期时间一定有3种表现形式,字符串(如2010-11-11 05:07:08),Long型(一般是1970年1月1日至今的毫秒数),内置对象(在Javascript中就是Date): 那么日期时间操作很常用的一个就是上述三种表现形式的互转和格式化(各种格式的字符串): moment是Javascript的一个日期时间库,使用它可以很方便的实现上述三种表现形式的互转和字符串表现形式的格式化. 日期时间类型的三种表现形式,字符串是给人读的,Long在传递信息时速度更快,内置对象起到

[Javascript] 一定能用到的Javascript日期处理类库大全

JavaScript的日期处理我们经常用到,可是JavaScript自带的日期对象总还是薄弱了些,这里列举的这几个类库完全可以满足你的日常需要. 1. XDate 这个类库是javascript本地日期对象的封装,提供了加强的方法来帮助你解析,格式化和日期处理. 使用它就类似使用javascript自己的方法,所以非常简单,相信大家会喜欢的! (转 载请注明出处:[url=http://www.live588.org]淘金盈[/url] [url=http://www.tswa.org]博彩 通

JavaScript日期组件的实现

旅游频道的开发中需要定义各种日期组件,有的是基本的日期选择, 这个基本日期只包含如下功能 左右翻(月) 点击天回填到输入域 点击"今天",回填今天的日期到输入域 点击"关闭",日期控件关闭 有的同时显示两个月的日期 有的包含一些业务信息,比如机票搜索结果页的低价日历. 这个比上面的要复杂一些 每天的日期格子里含有价格信息 点击左右箭头会向后退请求更新每天的低价机票信息 且点击每天的格子是会重新查询 这里记录下一个基本日历组件的要点 一.html结构 这里以table

JavaScript日期对象使用总结

javascript Date日期对象的创建 创建一个日期对象: var objDate=new Date([arguments list]); 我总结了参数形式主要有以下3种: new Date("month dd yyyy hh:mm:ss"); //后面的hh:mm:ss可选(不选的话就是默认的开始时间),而且前三项的顺序可以随意,甚至各字段后面可以加逗号 new Date(yyyy,mth,dd,hh,mm,ss); //除了前两个字段(年.月字段)外,其余的都是可选的(不选的

[Javascript] 5个最佳的Javascript日期处理类库

在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法. 在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法.当然如果大家有时间的话,完全可以自己开发和编写需要的方法,但是有效的使用别人已经开发好的类库肯定是一个更好的处理方式,没有必要什么都原创吧,君子善假于物也.今