倒计时_百度笔试题

东颌子大师

 function second(second) {
        var Day = Math.floor(second/(3600*24));
        var Hour = Math.floor((second%(3600*24))/3600);
        var Min = Math.floor(((second%(3600*24))%3600)/60);
        var Sec = Math.floor((((second%(3600*24))%3600)%60)%60);
        return{day: Day,hour:Hour,min:Min,second:Sec}
    }


    function render(data) {
        clearTimeout(timer);
        if(data == 0){
            clearTimeout(timer);
            return;
        }
        var time= second(data);
        for(var item in time){
            if(time[item]<10){
                time[item] = "0"+time[item];
            }
        }
        var spans = document.getElementById("jsCountdown").getElementsByTagName("span");
        if(time.day == "00"){
            spans[0].className = "hide";
        }else{
            spans[0].className = "";
            spans[0].innerHTML = time.day + "天";
        }
        spans[1].innerHTML = time.hour + ":";
        spans[2].innerHTML = time.min + ":";
        spans[3].innerHTML = time.second;
        data = data - 1;
        var timer = setTimeout(function(){render(data)},1000);
    }

发表于 2018-10-07 20:56:24 回复(0)

晓晨学前端

function second(second) {

let obj = {}

obj.day = Math.floor(second / 60 / 60 / 24);

obj.hour = Math.floor(second / 60 / 60 % 24);

obj.min = Math.floor(second / 60 % 60);

obj.second = Math.floor(second % 60);

return obj

}

function render(data) {

var span = document.getElementById('jsCountdown').getElementsByTagName('span');

for (val in data) {

//这个位置可以不使用toString()，大于10的是数字，小于10的是字符串看着不舒服都转化为字符串

data[val] = data[val] < 10 ? '0' + data[val] : data[val].toString()

}

if (data.day > 0) {

span[0].classList.remove("hide");

span[0].innerHTML = data.day + "天";

} else {

span[0].classList.add("hide");

}

span[1].innerHTML = data.hour + ":";

span[2].innerHTML = data.min + ":";

span[3].innerHTML = data.second;

}

发表于 2022-04-21 18:21:01 回复(0)

杏仁儿

function second(second) {
    var day = Math.floor(second / (3600 * 24));
    var hour = Math.floor((second % (3600 * 24)) / 3600);
    var min = Math.floor(((second % (3600 * 24)) % 3600) / 60);
    var second = Math.floor((((second % (3600 * 24)) % 3600) % 60) % 60);
    return { day, hour, min, second }
}

function render(data) {
    let oDiv = document.getElementById("jsCountdown");
    let aSpans = oDiv.children;

    if (data.day == 0) aSpans[0].setAttribute("class", "hide");
    else aSpans[0].innerHTML = `${data.day < 10 ? '0' + data.day : data.day}天`;
    aSpans[1].innerHTML = `${data.hour < 10 ? '0' + data.hour : data.hour}:`;
    aSpans[2].innerHTML = `${data.min < 10 ? '0' + data.min : data.min}:`;
    aSpans[3].innerHTML = `${data.second < 10 ? '0' + data.second : data.second}`;
}

发表于 2021-08-10 14:42:11 回复(0)

HTML/CSS/JavaScript

像一颗滚石

function second(second) {
    return {
        day: Math.floor(second / 3600 / 24),
        hour: Math.floor(second / 3600 % 24),
        min:  Math.floor(second / 60 % 60),
        second: second % 60
    }
}

function render(data) {
    const d = document.getElementById('jsCountdown');
    d.innerHTML = `
        <span class=${data.day === 0 ? 'hide' : ''}>${('0' + data.day).slice(-2)}天</span>
        <span>${('0' + data.hour).slice(-2)}:</span>
        <span>${('0' + data.min).slice(-2)}:</span>
        <span>${('0' + data.second).slice(-2)}</span>
    `;
}

发表于 2021-08-18 22:45:56 回复(0)

Zo23

<!-- 描述
倒计时是web开发中常见的组件，请完成second和render两个函数，完成倒计时的显示部分
1、second函数的输入为整数，返回{day: Int, hour: Int, min: Int, second: Int}
2、render函数的输入为second函数的输出，将数据在页面对应的DOM元素上显示出来，格式如html所示
3、如果day为0，隐藏对应的DOM元素，否则显示（请直接使用已经实现的css代码）
4、数值不足两位，前面补充0 -->

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
        /* 填写样式 */
        .hide {
            display: none;
        }
    </style>
</head>

<body>
    <!-- 填写标签 -->
    <div id="jsCountdown">
        <span>01天</span>
        <span>02:</span>
        <span>03:</span>
        <span>04</span>
    </div>
    <script type="text/javascript">
        // 填写JavaScript
        function second(second) {
            let timeObj = {}

            const day = Math.floor(second / 60 / 60 / 24)
            const hour = Math.floor((second - day * 24 * 60 * 60) / 60 / 60)
            const min = Math.floor((second - day * 24 * 60 * 60 - hour * 60 * 60) / 60)
            second = second - day * 24 * 60 * 60 - hour * 60 * 60 - min * 60
            timeObj = {
                day,
                hour,
                min,
                second
            }
            return timeObj
        }

        function render(data) {
            document.querySelector('#jsCountdown').innerHTML = `<span>${data.day < 10 ? '0' + data.day : data.day}天</span><span>${data.hour < 10 ? '0' + data.hour : data.hour}:</span><span>${data.min < 10 ? '0' + data.min : data.min}:</span><span>${data.second < 10 ? '0' + data.second : data.second}</span>`
            if (document.querySelector('#jsCountdown span:first-child').innerHTML.trim() == '00天') {
                // document.querySelector('#jsCountdown span:first-child').style.visibility = 'hidden'
                document.querySelector('#jsCountdown span:first-child').classList.add('hide')
            }
        }

        // render(second(3601))
    </script>
</body>

</html>

发表于 2023-08-16 11:10:49 回复(0)

牛客280573432号

function second(second) {
    const day = Math.floor(second / (24 * 60 * 60))
    const hour = Math.floor((second % (60 * 60 * 24) / (60 * 60)))
    const min = Math.floor((second % (60 * 60 * 24)) % (60 * 60) / 60)
    const s = Math.floor((second % (60 * 60 * 24))%(60 * 60) % 60)
    return {day,hour,min,second:s}
}

function render({day,hour,min,second}) {
    const doms = document.getElementById('jsCountdown').getElementsByTagName('span')
    if(!day){
        doms[0].classList.add('hide')
    }
    doms[0].textContent = (String(day).padStart(2,'0')+'天').trim()
    doms[1].textContent = (String(hour).padStart(2,'0')+':').trim()
    doms[2].textContent = (String(min).padStart(2,'0')+':').trim()
    doms[3].textContent = (String(second).padStart(2,'0')).trim()
}

请问为什么跑不过呢

发表于 2023-10-09 15:20:02 回复(0)

Sonder2

这个题目没有适配很多新的方法，以至于只能使用旧方法完成解答😭

发表于 2023-09-21 17:21:58 回复(0)

HTML/CSS/JavaScript

Emery123

    function second(second) {
      const day = Math.floor(second / (3600 * 24))
      const hour = Math.floor(second % (3600 * 24) / 3600) >= 24 ?
        Math.floor(second % (3600 * 24) / 3600) % 24 : Math.floor(second % (3600 * 24) / 3600)
      const minute = Math.floor(second % (3600 * 24) / 60) >= 60 ?
        Math.floor(second % (3600 * 24) / 60) % 60 : Math.floor(second % (3600 * 24) / 60)
      const second1 = Math.floor(second % (3600 * 24)) >= 60 ?
        Math.floor(second % (3600 * 24)) % 60 : Math.floor(second % (3600 * 24))
      return {
        day: +day,
        hour: +hour,
        min: +minute,
        second: +second1
      }
    }

 function render(data) {
      const {
        day,
        hour,
        min,
        second
      } = data
      const jsCountdown = document.querySelector('#jsCountdown')
      const reg = /(\d+)天\s(\d+):\s(\d+):\s(\d+)/
      const res = jsCountdown.innerText.replace(reg, () =>
        `<span>${day<10?'0'+day:day}天</span> <span>${hour<10?'0'+hour:hour}:</span> <span>${min<10?'0'+min:min}:</span> <span>${second<10?'0'+second:second}</span>`
      )
      jsCountdown.innerHTML = res
      if (day === 0) {
        jsCountdown.children[0].className = 'hide'
      }
    }

发表于 2022-12-02 14:08:01 回复(0)

HTML/CSS/JavaScript

牛客55845467号

<!DOCTYPE html>

<head>

</head>

<style>

.hide {

display: none;

}

</style>

<body>

</div>

function second(second) {

let day = Math.floor(second / (3600 * 24))

let hour = Math.floor((second - day*(3600*24)) / 3600)

let min = Math.floor((second - day*(3600*24)- hour * 3600) / 60);

let seconds = second -day*(3600*24)- hour * 3600 - min * 60;

return {

day,

hour,

min,

second: seconds

}

function format(data) {

if (data < 10) {

return '0' + data

}

return data

}

function render(data) {

let { day, hour, min, second } = data

let spans = [].slice.call(document.getElementById('jsCountdown').getElementsByTagName('span'))

if (day == 0) {

spans[0].className = 'hide'

}

spans[0].innerText = format(day) + '天'

spans[1].innerText = format(hour) + ':'

spans[2].innerText = format(min) + ':'

spans[3].innerText = format(second)

let timer = setInterval(() => {

if (second > 0) {

second--

} else {

second = 59

if (min > 0) {

min--

} else {

min = 59

if (hour > 0) {

hour--

} else {

hour = 59

if (day > 0) {

day--

} else {

spans[0].className = 'hide'

}

if (day == 0 & hour == 0 & min == 0 & second == 0) {

clearInterval(timer)

}

spans[0].innerText = format(day) + '天'

spans[1].innerText = format(hour) + ':'

spans[2].innerText = format(min) + ':'

spans[3].innerText = format(second)

}, 1000);

}

render(second(5))

</script>

</body>

//我还以为做一个真正的倒计时效果但是这样也通过了

</html>

发表于 2022-10-17 10:45:54 回复(0)

HTML/CSS/JavaScript

凡夫俗子1.0

为什么不行在vscode上可以呀

function second(second) {

function times(e) {

if (e < 10) {

return e = '0' + e

} else {

return e

}

let day = times(Math.floor(second / 60 / 60 / 24))

let hour = times(Math.floor(second / 60 / 60 % 24))

let min = times(Math.floor(second / 60 % 60))

let seconds = times(Math.floor(second % 60))

return data = { day: day, hour: hour, min: min, second: seconds }

}

function render(data) {

let div = document.querySelector('#jsCountdown')

if (data.day == 0) {

div.children[0].setAttribute('class', 'hide')

}

let arr = []

for (let i in data) {

arr.push(data[i])

}

let spans = Array.from(div.querySelectorAll('span'))

for (let i in spans) {

let text = div.children[i].innerText

text = text.replace(/\d{2}/g, arr[i])

div.children[i].innerText = text

}

发表于 2022-09-10 14:25:16 回复(0)

HTML/CSS/JavaScript

kkkr

function second(second) {
    return {
        day : parseInt(second / 60 / 60 / 24),
        hour : parseInt(second / 60 / 60 % 24),
        min : parseInt(second / 60 % 60),
        second : parseInt(second % 60)
    } 
}
 
function render(data) {
    const div = document.querySelector('#jsCountdown');
    div.innerHTML = `
          <span class=${data.day === 0 ? 'hide' : ''}>${data.day < 10 ? '0' + data.day : data.day}天</span>
          <span>${data.hour < 10 ? '0' + data.hour : data.hour}:</span>
          <span>${data.min < 10 ? '0' + data.min : data.min}:</span>
          <span>${data.sec < 10 ? '0' + data.sec : data.sec}</span>
    `;
 
}

发表于 2022-08-17 17:16:51 回复(0)

HTML/CSS/JavaScript

timegogo

倒计时这题，测试数据有点恶心，示例给的天、时、分、秒之间有空格，但是到了测试数据的时候没有空格

发表于 2022-07-19 15:24:02 回复(0)

路过的一名白的不能再白的小白

吐槽一下，给个实例很麻烦吗？就说是整数，这整数是按照什么为单位计算的？秒还是毫秒，每个题目大多都有点模糊不清，每次都要在提交上通过案例面调试，相当于前几次是必定过不去的，除非去看题解和讨论，服了，真是有够心累的...

function second(second) {
    return {
        day: Math.floor(second/24/3600),
        hour: Math.floor((second % (24*3600)) / 3600),
        min: Math.floor((second % ((24*3600)) % 3600) / 60),
        second: Math.floor(((second % ((24*3600)) % 3600) % 60) % 60)
    }
}

function render(data) {
    let jsCountDownList = document.querySelectorAll("#jsCountdown span")
    let keyArr = Object.keys(data)
    Array.from(jsCountDownList).forEach((item,index)=>{
        if( index===0 && !data[keyArr[index]]) item.setAttribute('class','hide')
        item.innerText = (data[keyArr[index]] > 10 ? data[keyArr[index]] : '0' + data[keyArr[index]]) + item.innerText.slice(2)
    })
}

发表于 2022-07-12 15:47:05 回复(0)

HTML/CSS/JavaScript

趴姿菜狗

<div id="jsCountdown">
    <span id="day">01天</span>
    <span id="hour">02:</span>
    <span id="min">03:</span>
    <span id="second">04</span>
</div>

function second(second) {
    let day = parseInt(((second / (60 * 60)) / 24))
    let hour = parseInt(second / (60 * 60)) - day * 24
    let min = parseInt(parseInt(second % (60 * 60)) / 60)
    let sec = second - (day * 24 * (60 * 60) + hour * (60 * 60) + min * 60)
    return {
        day: day,
        hour: hour,
        min: min,
        second: sec
    }
}

function render(data) {
    const daySpan = document.querySelector('#day')
    const hourSpan = document.querySelector('#hour')
    const minSpan = document.querySelector('#min')
    const secSpan = document.querySelector('#second')
    
    function format(num, length) {
        return (Array(length).join("0") + num).slice(-length);
    }
    
    const day = parseInt(daySpan.innerHTML, 10)
    
    if(data.day === 0) {
        daySpan.classList.add('hide')
    }
    daySpan.innerHTML = (data.day < 10 ? format(data.day, 2) : data.day) + '天' 

    hourSpan.innerHTML = (data.hour < 10 ? format(data.hour, 2) : data.hour) + ':'
    minSpan.innerHTML = (data.min < 10 ? format(data.min, 2) : data.min) + ':'
    secSpan.innerHTML = (data.second < 10 ? format(data.second, 2) : data.second)
}

发表于 2022-05-08 14:56:24 回复(0)

HTML/CSS/JavaScript

16级老腊肉

发表于 2022-02-18 14:10:14 回复(0)

HTML/CSS/JavaScript

huaxifn

function second(second) {
    return obj = {
        day:parseInt(second/60/60/24),
        hour:parseInt(second/60/60%24),
        min:parseInt(second/60%60),
        second:parseInt(second%60)
    }
}

function render(data) {
    var jsCountdown = document.getElementById('jsCountdown');
    var span = jsCountdown.querySelectorAll('span');
    Object.keys(data).forEach((el,index)=>{
        data[el] = data[el]<10?'0'+data[el]:data[el];
        span[index].innerHTML = el=='day'?data[el]+'天': (el=='second'?data[el]:data[el]+':');
        el=='day' && parseInt(data[el])==0? span[index].className='hide':span[index].className='';
    })
}

发表于 2022-02-17 10:30:17 回复(0)

回家喽了

发表于 2021-12-25 11:39:02 回复(0)

HTML/CSS/JavaScript

♈FourBrother✅已认证♉

这又是为啥跑不过呢

function second(second) {
    const s = second % 60
    const m = ~~(second / 60) % 60
    const h = ~~(second / 3600) % 24
    const d = ~~(second / 86400)
    return {
        second: s,
        min: m,
        hour: h,
        day: d
    }
}

function render(data) {
    const [day, hour, min, second] = jsCountdown.children
    day.innerText = String(data.day).padStart(2, '0') + '天'
    if (day.innerText === '00天') day.classList.add('hide')
    hour.innerText = String(data.hour).padStart(2, '0') + ':'
    min.innerText = String(data.min).padStart(2, '0') + ':'
    second.innerText = String(data.second).padStart(2, '0')
}

发表于 2021-11-29 15:40:15 回复(0)

HTML/CSS/JavaScript

monze

// 传入参数为整数 时间长(s)
function second(second) {
  // 初始化时间单位
  let sec = 1
  let min = sec * 60
  let hr = min * 60
  let day = hr * 24
  // 返回结果
  let res = {
    day: parseInt(second / day),
    hour: parseInt(second % day / hr),
    min: parseInt(second % hr / min),
    second: parseInt(second % min)
  }
  return res
}

// 传入参数为second方法的输出
function render(data) {
  // 补0
  function addZero(param) {
    if (param < 10) {
      param = '0' + param
    }
    return param
  }
  var dom = document.getElementById('jsCountdown')
  let renderHtml = `
    <span class="${data.day == 0 ? 'hide' : ''}">${addZero(data.day)}天</span>
    <span>${addZero(data.hour)}:</span>
    <span>${addZero(data.min)}:</span>
    <span>${addZero(data.second)}</span>
  `
  dom.innerHTML = renderHtml
}

发表于 2021-11-25 14:06:03 回复(0)

HTML/CSS/JavaScript

Banker

function second(second) {
    var oneDay = 3600 * 24;
    var Day = Math.floor(second / oneDay);
    var Hour = Math.floor((second % oneDay) / 3600);
    var Min = Math.floor((second % oneDay % 3600) / 60);
    var Sec = Math.floor((((second % oneDay) % 3600) % 60) % 60);
    return{day: Day,hour:Hour,min:Min,second:Sec}
}

function render(data) {
    for(var item in data) {
        if(data[item] < 10) {
            data[item] = "0" + data[item];
        }
    }
    var spans = document.getElementById("jsCountdown").getElementsByTagName("span");
    if(data.day == "00") {
        spans[0].className = "hide";
    } else {
        spans[0].innerHTML = data.day + "天";
    }
    spans[1].innerHTML = data.hour + ":";
    spans[2].innerHTML = data.min + ":";
    spans[3].innerHTML = data.second;
    
}

发表于 2021-09-08 10:59:02 回复(0)

倒计时

问题信息

热门推荐

通过挑战的用户

相关试题