<script>

    const timeNodes = Array.from(document.querySelectorAll('[data-time]'));

    // map 方法会给原数组中的每个元素都按顺序调用一次  callback 函数。callback 每次执行后的返回值（包括 undefined）组合起来形成一个新数组。

    // callback 函数只会在有值的索引上被调用；那些从来没被赋过值或者使用 delete 删除的索引则不会被调用。

    //map(parseFloat)这样直接转为数字,这个值得借鉴

    const seconds = timeNodes

        .map(node => node.dataset.time)

        .map(timeCode => {

            const [mins, secs] = timeCode.split(':').map(parseFloat);

            return (mins * 60) + secs;

        })

        .reduce((total, vidSeconds) => total + vidSeconds);

    // 所有秒数,每次取除的整数,作为时分,取模作为剩余的秒数,已作为下次使用

    let secondsLeft = seconds;

    const hours = Math.floor(secondsLeft / 3600);

    secondsLeft = secondsLeft % 3600;

    const mins = Math.floor(secondsLeft / 60);

    secondsLeft = secondsLeft % 60;

    console.log(hours, mins, secondsLeft);

</script>