首页 > 其他分享 >js倒计时函数

js倒计时函数

时间:2022-08-16 21:25:17浏览次数:63  
标签:hours 函数 floor js 倒计时 let gap minutes Math

    let counteDate = new Date("jul 1, 2027 00:00:00").getTime();

        function countDown(){
             let now = new Date().getTime()
             gap = counteDate-now
             let seconds = 1000
             let minutes = seconds *60
             let hours = minutes * 60
             let days = hours * 24
             let d = Math.floor(gap / (days))
             let h = Math.floor((gap % (days)) / (hours) )
             let m = Math.floor((gap % (hours)) / (minutes) )
             let s = Math.floor((gap % (minutes)) / (seconds) )
             console.log( `距离2027年还有 ${d} 天 ${h} 小时 ${m} 分钟 ${s} 秒 ` );
        }

        setInterval(function(){
            countDown()
        },1000)

 

new Date("jul 1, 2027 00:00:00").getTime(); 返回 2027年的毫秒数(时间戳)
new Date().getTime() 返回现在时间 
现在时间 与 距离时间 相减得到距离 27年的毫秒数
   let seconds = 1000
   let minutes = seconds *60
   let hours = minutes * 60
   let days = hours * 24
计算 秒 分 小时 天 的毫秒数 (1000毫秒 = 1秒)

let d = Math.floor(gap / (days))  相差毫秒数 ➗ 一天的毫秒数 = 多少天
 let h = Math.floor((gap % (days)) / (hours) )
 let m = Math.floor((gap % (hours)) / (minutes) )  
let s = Math.floor((gap % (minutes)) / (seconds) )
求余数,然后再除各个的时分秒的毫秒数算出时 分 秒
Math.floor保留整数(会四舍五入)



标签:hours,函数,floor,js,倒计时,let,gap,minutes,Math
From: https://www.cnblogs.com/hoodoo/p/16593017.html

相关文章

  • JSTL_概念和JSTL_常用标签
    JSTL_概念概念:JavaServerPagesTagLibraryJSP标准标签库是由Apache组织提供的开源的免费的jsp标签<标签>作用:用于简化和替换jsp页面上的java代码使用步骤导入j......
  • 学习Js-day17
    轮播图简单轮播图的实现:(自动轮播,小圆点切换图片,左右按钮切换图片,鼠标移入有左右切换图标,移出消失,鼠标悬停停止轮播,移开继续轮播)HTML首先是html内容,布局很简单,一个图片......
  • js插入排序
    **插入排序**插入排序主要是将需要排序的数组分为两部分,取第一个元素作为已排序数组,其余元素作为未排序数组,依次取未排序数组的元素和已排序数组中的元素进行对......
  • 复合函数求极限的方法
    条件\[①:\lim_{u\tou_{0}}f(u)=L\]\[\\\\\]\[②:\lim_{x\tox_{0}}g(x)=u_{0}\]\[\\\\\]\[③:在某去心邻域内g(x)不等于u_{0}\]\[\\\\\]\[则\lim_{x\tox_{0}}......
  • 复合函数例题合集
    第一题\[y=tan\frac{2x}{1+x^{2}},\quady'=?\]\[\\\\\]\[y=tanu,u=\frac{2x}{1+x^{2}},\quady'=(tanu)'(u)'\]\[\\\\\]\[(tanu)'=sec^{2}\frac{2x}{1+x^{2}}\]\[......
  • python-map()函数基本用法
    最近经常遇到一个问题:输入端在同一行输入两个整型数字,并用空格间隔,问如何方便快捷的将这两个变量分别赋予给x1,x2?新手小白,由于不知道map()函数的用法,便想要用仅有的知识去解......
  • json格式转为List集合
    一、JSON格式{"code":"200","msg":"success","data":["Yinqing","ArtCreativity"]}二、json格式转为List集合代码@Testpublicvoidtest(){String......
  • JS-Symbol(javascript的第七种数据类型)
    introduce在ES5中对象的属性名都是字符串,这容易造成属性名的冲突。引入Symbol类型来解决命名冲突的问题。Symbol的值通过Symbol函数来生成,也就是说,对象的属性名......
  • JSTL讲解
    JSTL概念:JavaServerPagesTagLibraryJSP标准标签库是由Apache组织提供的开源的免费的jsp标签 <标签>作用:用于简化和替换jsp页面上的java代码使用步骤:导......
  • 用好JAVA中的函数式接口,轻松从通用代码框架中剥离掉业务定制逻辑
    大家好,又见面了。今天我们一起聊一聊JAVA中的函数式接口。那我们首先要知道啥是函数式接口、它和JAVA中普通的接口有啥区别?其实函数式接口也是一个Interface类,是一种比较......