Skip to content

29-Countdown Timer 结束时间无法正确显示 #64

@GArosy

Description

@GArosy

问题

页面加载一段时间后再点击创建定时器的按钮,显示的结束时间与实际情况不符。

解决

用于获取当前时间的实例 date 在页面加载时就已作为全局变量创建,并且之后无法更新,计时结束的时间均以页面加载的时刻为基准计算,导致出现错误。
可将 Date 实例的创建放在 updateTime 函数内,每次点击按钮就重新获取当前时间:

function updateTime(delta){
    let currentTime = new Date().getTime();
    left = left + parseInt(delta,0);
    end = currentTime + left*1000;
    leftTime.innerHTML = left;
    endTime.innerHTML =new Date(end).toLocaleTimeString();
}

位置

end = date.getTime() + left*1000;

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions