Countdown Clock

[Day28] Countdown Clock

倒数计时器

let countdown;
const timerDisplat = document.querySelector('.display__time-left')

const endTime=document.querySelector('display__end-time')
const buttons = document.querySelectorAll('[data-time]')

function timer(seconds){
clearInterval(countdown)
const now = Date.now();
const then = now+ seconds* 1000;
countdown = setInterval(()=>{ 
    const secondsLeft = Math.round((then - Date.now()) / 1000)
    if(secondsLeft <=0 ){
    clearInterval(countdown)
    return;
}

},1000)
}
function dispaltTimeLeft(seconds){
const minutes = Math.floor(seconds/60);
const remainderSeconds = seconds % 60
}

const display=`${minutes}:${remainderSeconds <10 ?'0':''}${remainderSeconds}`

document.title=display
timeeDisplay.textContent=display

function displayEndTime(timestamp){

    const end=new.Date(timestamp);
    const hour = end.getHours();
    
    const adjustHour=hour>12?hour-12:hour
    const minutes = end.getMinutes();
    endTime.textContent=`be back at ${adjustedHour}:${minutes <10 ?'0':""}${minutes}`
}


function startTimer(){
const seconds = parseInt(this.dataset.time)
}

buttons.forEach(button =>
button.addEventListenter('click',startTimer)
)

document.customForm.addEventListener('submit',function(e){
e.perventDefault();
const mins = this.minutes.value
timer(mins*60);
this.reset()
})


<<:  聊聊 SaaS 有哪些吧!

>>:  Day 28: 初始化要测试的component

【第四天 - HG 泄漏】

Q1. HG 是什麽? Mercurial 是一种轻量级分散式版本控制系统,由於 Mercuial ...

Windows AD使用者OU汇出到新建的AD主机

目前因为关系企业需要单独独立一间公司出来,原本在总公司底下的AD OU群组必须要汇出单独分开,到另外...

【Day16】电子商务与行销篇-电子商务

#odoo #开源系统 #数位赋能 #E化自主 从Google 在 2020 年 12 月发表的智慧...

以Postgresql为主,再聊聊资料库 width_bucket() 的介绍

前天的趣味SQL, 经过大家热烈的响应,有提到 width_bucket() https://ith...

计算API所需: 以 AES CBC 编码

我实在对於密码学非常不熟悉,所以找了一下,目前最适合我使用的范例程序码来自於 … PythonでAE...