美文网首页
JavaScript----定时器

JavaScript----定时器

作者: AuglyXu | 来源:发表于2018-11-10 13:19 被阅读0次

setInterval

  • 第一个参数: 到指定事件之后执行的回调函数
  • 第二个参数: 指定间隔的时间
  • 返回值: 返回当前定时器的ID
  • 注意点: 这个定时器是反复执行的定时器

setTimeout

  • 第一个参数: 到指定事件之后执行的回调函数

  • 第二个参数: 指定间隔的时间

  • 返回值: 返回当前定时器的ID

  • 注意点: 定时器只执行一次

  • 使用场景: 用于函数节流

  • 案例: 时间计算

<script>
    // 1.获取到当前的时间
    var now = new Date();
    // console.log(now);
    // 可以通过valueOf方法获取调用者距离1970/1/1相差的毫秒
    // 1000毫秒 = 1秒   60秒 = 1分钟  60分钟 = 1小时  24小时 = 1天
    // console.log(now.valueOf());
    // 2.创建一个指定的时间
    var date = new Date("2018/11/10 23:59:59");
    // console.log(date.valueOf());

    // 需求: 要求计算当前时间距离指定时间相差的天数/小时/分钟/秒钟
    // 3.计算当前时间距离未来时间的毫秒
    // 注意点: 时间对象可以直接进行算数运算, 系统会自动调用valueOf方法
    var time = date - now;
    // var time2 = date.valueOf() - now.valueOf();
    // 将获取到的相差的毫秒转换为秒
    var allSecond = time / 1000;
    // 计算天数
    //                总共的秒数 / 60  == 总共的分钟
    //                总共的分钟 / 60 == 总共的小时
    //                总共的小时 / 24 == 总共的天数
    var d = parseInt(allSecond / (60 * 60 * 24));
    console.log(d);
    // 计算小时
    //       allSecond / (60 * 60) == 计算总共相差的小时
    //       %24   == 计算除开天数之后相差的小时
    var h = allSecond / (60 * 60) % 24;
    console.log(h);
    // 计算分钟
    //       allSecond / 60  == 计算总共相差的分钟
    //       %60  === 计算除开天数和小时相差的分钟
    var m = allSecond / 60  % 60;
    console.log(m);
    // 计算秒钟
    var s = allSecond % 60;
    console.log(s);

    console.log(now);
    console.log(date);
</script>

相关文章

  • JavaScript----定时器

    setInterval 第一个参数: 到指定事件之后执行的回调函数 第二个参数: 指定间隔的时间 返回值: 返回当...

  • javascript----函数

    函数的定义 function 函数名{函数体;} 函数的调用 在 标签内调用函数名() 在HTML文件中调用通过点...

  • javascript----事件

    事件处理程序在应用中是必不可少的,虽然现在很多框架都有自己实现事件处理方法,但是熟知原生才能让我们应对各种各样的需...

  • JavaScript----深拷贝、浅拷贝

    JavaScript----深拷贝、浅拷贝 为说清楚二者使用过程中的区别,首先介绍一些JavaScript的基本知...

  • 2017.12.21学习总结

    下午学习了定时器,定时器分为高级定时器、通用定时器和基本定时器,我们主要研究通用定时器。 定时器中断实现步骤:...

  • javascript笔记6

    定时器-间歇性定时器 定时器-延时定时器 认识DOM 间歇性定时器var time = window.setInt...

  • JavaScript----箭头函数

    ES6开始定义函数可以用箭头的方式,不用像以前一样function 格式: let 函数名称 = (形参列表) ...

  • javascript----继承模式

    我是谁,我来自哪,我是谁的谁 想必大家一定在学习或者开发过程常常被JS独有的原型继承拨过不少脑弦吧,为何不迎问题而...

  • javascript----闭包

    闭包是什么 对于这个问题,我只能给你淫一句诗: " 不识庐山真面目,只缘身在此山中 " 闭包的使用在我们的平时代码...

  • javascript----创建对象

    如何优雅的去创建一个对象 在javascript中,创建一个对象有很多方法,但很多时候我们得根据我们的需求去选择其...

网友评论

      本文标题:JavaScript----定时器

      本文链接:https://www.haomeiwen.com/subject/rnezxqtx.html