计时器生命并确保它每秒自动更新

[najmusseoex]

创建此函数是为了接受两个参数：我们要选择的元素的 id，其中将包含计时器（我用很多想象力来调用它timer）以及我们正在计算剩余时间的值。

在此函数中，我们还创建变量timer并使用它在内存中保存对负责包含该变量的元素的引用，这样我们就不会不断查询 DOM，并且将在访问者的计算机上节省宝贵的资源。

一旦我们“准备好场地”，就到了赋予的时候了。为了达到这个效 美国数据 果，我们所做的就是使用该函数setInterval()通过以下操作来执行它包含的代码：

计算该函数的剩余时间tempoRimasto()
innerHTML通过容器元素属性显示页面上剩余的时间
如果剩余时间等于或小于零，则停止计时器。
就是这样，现在由您的 HTML 和 CSS 技能来进一步自定义该元素的样式以获得您想要的结果。

我也可以停在这里，但是……
我相信计时器被创建的事实是毫无疑问的，事实上如果你真的不相信我这里有一个 CodePen 应该可以满足你的好奇心。


然而，虽然这个脚本可以工作，但它有一些小的潜在问题，解决这些问题将使我们能够更多地了解 JavaScript。

由于这是在创造有用的东西的同时学习新东西的绝佳机会，因此我将在本文中分析已实施的解决方案。