一个简单的倒数计时器用于计算到 7 月 5 日的时间，以此来说明此示例。当计时器每秒计时时，将运行三个不同的任务。第一个是触发计时器更改的 JavaScript 事件。然后，有两个布局事件 – 一个是当前布局无效，第二个将在屏幕上绘制新数字。所有这些都会消耗能量。
转到 Google.com，搜索某些内容，然后返回，会发生什么情况？当我们这样做时，一些 JavaScript 事件以及计时器的重新绘制正在运行。因此，CPU 仍在使用。我们可以做些什么来避免这种情况，以便在我们位于其他选项卡上时暂停网站？
CPU 运行时间
如何节省计算机能源？
在运行网站时，我们不需要不断地执行代码的每一部分。通过查看一些倒计时和滚动示例，我们将为您提供几种节省计算机能源的选项。
页面可见性通过添加
个事件监听器来监听网站上可见性的变化，我们可以确保倒计时代码仅在页面处于可见性模式时执行。在这种情况下，如果页面位于其他不可见的选项卡中，则不会执行代码。一旦您导航回页面并且倒计时变得可见，代码将再次开始执行，并且每秒调用一次函数。检查网页中的可见性可让用户节省计算机电量。
模糊和聚焦事件。节省计算机电量的另一种有用方法是添加模糊和聚焦事件的事件监听器。通过为网站窗口选中此项，我们可以实现与上述步骤类似的效果。我们只需要在页面聚焦时执行倒计时，这样，当页面处于模糊模式（在后台运行，部分可见）时，就不必总是执行倒计时。当用户忘记打开的窗口或让计算机在页面处于模糊模式的情况下运行一段时间时，这可以节省大量电量。如果使用此选项，页面将保持静态，在不需要时不会执行任何代码。
交叉点观察器 API。滚动的使用是另一个有价值的选择。假设我们的目标是 泰国电报 检查网站上的某个特定元素在滚动过程中是否可见。这可以通过一个简单的滚动监听器和一个可见性函数来实现。但是，这样，该函数就会在网站上每次小幅滚动时执行。为了避免这种情况，我们可以使用交叉点观察器 API。通过这样做，我们可以限制 Javascript 代码的调用，以便只有当用户滚动到网页上的特定位置时才会调用它。这样做的另一个好处是，它只需要启动交叉点观察器元素，并且它允许定义一个回调函数，然后用户告诉观察者观察该元素。当元素在视图中时，将调用一个回调函数，然后我们可以对该元素执行操作。
实际 CPU 的成本是多少
对于 MacBook Pro (2015) 来说，62 秒的定时器平均功耗为 0.4%，当 CPU 处于最大容量时，耗电量为 60 瓦。
当我们考虑到立陶宛的千瓦时价格时，仅在您的网站上安装一个简单的 项新举措——他需要增 倒计时器每年就可能花费您 0.3 欧元。听起来像是一个微不足道的问题？确实如此，但话又说回来，简单的计时器只是您网站沧海一粟。
可持续网络宣言
我们旨在展示我们的在线工作对环境的影响有多大，并建议使用多 新加坡电话号码 与种工具来提高工作效率。然而，总而言之，我们最重要的观点是——我们必须建立更可持续的网站。《可持续网络宣言》指出，我们所有人都共享和使用网络，就像我们所有人都在这个星球上共享和生活一样。这份宣言是一份公开声明，表明我们共同致力于创建可持续的互联网。它有六条主要规则：
清洁。我们提供的服务以及我们使用的服务将由如果我们决定让计时 可再生能源提供动力。
高效。我们提供的产品和服务将使用尽可能少的能源和材料资源。