Day18 - Reduce、Map混合使用计算时分秒
作者:©Mrlin(史密斯林)
简介:学习记录,用于记录在CSDN课程中的学习内容。
课程:30天完成30个JS原生开发项目挑战视频教程。JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。
效果如下
第18天挑战的内容主要是如何将一系列的data-time
加起来,最终计算总时间,总时间用时分秒显示。
HTML、CSS代码
1 | <!DOCTYPE html> |
JS代码
方法一
1 | //获取整个 li NodeList |
方法二
1 | // 1. [...items] => 将其展开为数组 |
完结:所有代码解释在代码注释中。