17、JavaScript 中的计时事件、框架与图像映射应用

JavaScript 中的计时事件、框架与图像映射应用

1. 计算时间

当在网页上显示距离下次发射的剩余时间时，通常会将时间拆分为天、小时、分钟和秒。JavaScript 借助大多数人不太熟悉的数学运算符 MOD（取模）来实现这一功能。在 JavaScript 中，MOD 运算符用百分号（%）表示，用于计算除法的余数。以下是一些示例：
| 表达式 | 结果 | 解释 |
| ---- | ---- | ---- |
| 5 % 2 | 1 | 5 除以 2 商为 2，余数为 1 |
| 19 % 5 | 4 | 19 除以 5 商为 3，余数为 4 |
| 1 % 3 | 1 | 1 除以 3 商为 0，余数为 1 |

MOD 运算符在需要将一个数字分解为多个组成部分时非常有用。例如，假设有 3930 秒直到发射，即 count 变量等于 3930，我们要将这个数字拆分为天、小时、分钟和秒。通过 count % 60 计算得出秒数，3930 除以 60 商为 65，余数为 30，将 30 经过 toSt() 函数处理（如果数字小于 10 则在前面加 0）后放入秒框中。接着计算分钟数，将 count 除以 60 并向下取整，此时 count 变为 65，再用 65 对 60 取模得到 5，同样经过 toSt() 函数处理后放入分钟框。完成计算并将生成的值放入相应的表单元素后，函数使用 setTimeout() 每隔半秒调用自身，形成计时循环。 <