JavaScript 实现页面内时间实时倒计时 计时器内附完整文件欢迎调用(可用于抢购倒计时,记录恋爱纪念日总时长等)输出对应的天数小时分钟秒数

注意:在下一个文章中将公布一个纪念日成品代码,欢迎各位来学习(复制)

第一步:构建计时函数

在这里我们按照倒计时和计时器合二为一的方式来编写
即无论是目标时间是未来时间还是过去时间,均可输出对应的语句
//@function 根据目标时间在当前时间的前后分别返回距离XXX已过去XX天XX小时XX分XX秒或距离XXXX还有:XX天XX小时XX分XX秒
//@param endT为目标时间,需按照字符串格式输入;endName为目标时间的名字,默认为目标时间;obj为在网页内的输出对象.
//@return true表示为目标时间为过去,false表示目标时间为未来

//@function 根据目标时间在当前时间的前后分别返回`距离XXX已过去XX天XX小时XX分XX秒`或`距离XXXX还有:XX天XX小时XX分XX秒`
//@param  endT为目标时间,需按照字符串格式输入;endName为目标时间的名字,默认为`目标时间`;obj为在网页内的输出对象.
//@return  true表示为目标时间为过去,false表示目标时间为未来
           
function timeDifference(endT, endName = `目标时间`, obj) {
   
    var startTime = new Date().getTime();//引入当前时间戳
    var endTime = new Date(endT).getTime();//引入结束目标时间戳
    var secondDif = parseInt((endTime - startTime) / 1000);//计算真实时间差,单位s/秒
    if (secondDif < 0) {
   
        var secondDifference = -secondDif;
    } else {
   
        var secondDifference = secondDif;
    }//定义时间差为正
    var day = parseInt(secondDifference / 24 / 60 / 60);//计算出天数取整
    var hour = parseInt(secondDifference / 60 / 60) % 24;//计算出总小时数去掉达到一天24h的部分