亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js實(shí)現(xiàn)日期天數(shù)、時(shí)分秒的倒計(jì)時(shí)完整代碼

 更新時(shí)間:2023年11月03日 10:16:18   作者:西門吹雪~  
這篇文章主要給大家介紹了關(guān)于js實(shí)現(xiàn)日期天數(shù)、時(shí)分秒的倒計(jì)時(shí)的相關(guān)資料,實(shí)現(xiàn)倒計(jì)時(shí)功能首先是得到目標(biāo)時(shí)間,然后用當(dāng)前時(shí)間減去目標(biāo)時(shí)間,最后將時(shí)間差傳化為天數(shù)、時(shí)、分、秒,需要的朋友可以參考下

前言

在用js實(shí)現(xiàn)倒計(jì)時(shí)的時(shí)候,可以先算出截止日期和今天之間相差的毫秒數(shù),然后進(jìn)行相應(yīng)的比例進(jìn)行day、 month 、hour、minute、second的計(jì)算,便可以準(zhǔn)確的計(jì)算出相差的時(shí)間。

倒計(jì)時(shí)格式為:純天數(shù)倒計(jì)時(shí)

function CountDown(year, month, day, hours) {
      let now = new Date();
      let endDate = new Date(year, month - 1, day, hours);
      let leftTime = endDate.getTime() - now.getTime();//計(jì)算剩余的毫秒數(shù)
      if (leftTime <= 0) {
        leftTime = 0;
      }
      let leftsecond = parseInt(leftTime / 1000);//計(jì)算剩余的秒數(shù)
      let countDay = Math.floor(leftsecond / (60 * 60 * 24));
      return  countDay;
    },
    //直接調(diào)用就好了
     CountDown(2050, 12, 31, 24)

倒計(jì)時(shí)格式為:天數(shù)+小時(shí)+分鐘+秒

function CountDown(year, month, day, hours) {
    let now = new Date();
    let endDate = new Date(year, month - 1, day, hours);
    let leftTime = endDate.getTime() - now.getTime();//計(jì)算剩余的毫秒數(shù)
    if (leftTime <= 0) {
        leftTime = 0;
    }
    let leftsecond = parseInt(leftTime / 1000);//計(jì)算剩余的秒數(shù)
     day = Math.floor(leftsecond / (60 * 60 * 24));
    let hour = Math.floor((leftsecond - day * 24 * 60 * 60) / 3600);
    let minute = Math.floor((leftsecond - day * 24 * 60 * 60 - hour * 3600) / 60);
    let second = Math.floor(leftTime / 1000 % 60, 10);
    return `${day}天${hour}小時(shí)${minute}分鐘${second}秒`;
}
//直接調(diào)用即可
CountDown(2050, 12, 31, 24)

總結(jié) 

到此這篇關(guān)于js實(shí)現(xiàn)日期天數(shù)、時(shí)分秒的倒計(jì)時(shí)的文章就介紹到這了,更多相關(guān)js日期天數(shù)、時(shí)分秒倒計(jì)時(shí)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 小程序封裝路由文件和路由方法(5種全解析)

    小程序封裝路由文件和路由方法(5種全解析)

    這篇文章主要介紹了小程序5種路由方法使用場(chǎng)景,封裝路由文件和路由方法,提升小程序體驗(yàn)和開(kāi)發(fā)效率,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-05-05
  • javascript搜索框效果實(shí)現(xiàn)方法

    javascript搜索框效果實(shí)現(xiàn)方法

    這篇文章主要介紹了javascript搜索框效果實(shí)現(xiàn)方法,可實(shí)現(xiàn)顯示默認(rèn)提示文字的搜索框效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2015-05-05
  • 基于JS如何實(shí)現(xiàn)給字符加千分符(65,541,694,158)

    基于JS如何實(shí)現(xiàn)給字符加千分符(65,541,694,158)

    JS如何實(shí)現(xiàn)給字符加千分符,本文給大家?guī)?lái)了基于js實(shí)現(xiàn)的代碼,代碼簡(jiǎn)單易懂,感興趣的朋友一起學(xué)習(xí)吧
    2016-08-08
  • 遍歷DOM對(duì)象內(nèi)的元素屬性示例代碼

    遍歷DOM對(duì)象內(nèi)的元素屬性示例代碼

    如何遍歷DOM對(duì)象內(nèi)的元素屬性,例如要獲取一個(gè)id為btn的按鈕的所有屬性該怎么實(shí)現(xiàn)呢?下面有個(gè)不錯(cuò)的教程,大家可以參考下
    2014-02-02
  • JS對(duì)象數(shù)組中如何匹配某個(gè)屬性值

    JS對(duì)象數(shù)組中如何匹配某個(gè)屬性值

    這篇文章主要介紹了JS對(duì)象數(shù)組中如何匹配某個(gè)屬性值,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • javascript與asp.net(c#)互相調(diào)用方法

    javascript與asp.net(c#)互相調(diào)用方法

    js與C#之間相互調(diào)用的一些方法
    2009-12-12
  • typescript中聲明合并介紹

    typescript中聲明合并介紹

    這篇文章主要介紹了typescript中聲明合并介紹,類型合并表明編譯器將合并兩個(gè)分開(kāi)的并且名稱相同的聲明,合并之后的聲明擁有兩個(gè)聲明的特點(diǎn),任意數(shù)量的聲明可以被合并,不僅限兩個(gè),更多相關(guān)內(nèi)容需要的朋友可以參考下面文章內(nèi)容
    2022-09-09
  • uniapp微信小程序:key失效的解決方法

    uniapp微信小程序:key失效的解決方法

    這篇文章主要介紹了uniapp微信小程序:key失效的解決方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-01-01
  • JavaScript對(duì)象的四種創(chuàng)建方法

    JavaScript對(duì)象的四種創(chuàng)建方法

    這篇文章主要介紹了JavaScript對(duì)象的四種創(chuàng)建方法,首先我們通過(guò)確定一個(gè)對(duì)象的屬性和方法展開(kāi)主題相關(guān)內(nèi)容,需要的小伙伴可以參考一下
    2022-08-08

最新評(píng)論