Javascript 如何编辑代码FlipDown.js倒计时

document.addEventListener('DOMContentLoaded', () => {

  // Unix timestamp (in seconds) to count down to
  var twoDaysFromNow = (new Date().getTime() / 1000) + (86400 * 2) + 1;

  // Set up FlipDown
  var flipdown = new FlipDown(twoDaysFromNow)

    // Start the countdown
    .start()

    // Do something when the countdown ends
    .ifEnded(() => {
      console.log('The countdown has ended!');
    });

  // Toggle theme
  var interval = setInterval(() => {
    let body = document.body;
    body.classList.toggle('light-theme');
    body.querySelector('#flipdown').classList.toggle('flipdown__theme-dark');
    body.querySelector('#flipdown').classList.toggle('flipdown__theme-light');
  }, 5000);
  
  var ver = document.getElementById('ver');
  ver.innerHTML = flipdown.version;
});

const finalDate = new Date('2024-05-30T00:00:00Z').getTime() / 1000;

  // Set up FlipDown
const flipdown = new FlipDown(finalDate)

    // Start the countdown
    .start()

    // Do something when the countdown ends
    .ifEnded(() => {
      console.log('The countdown has ended!');
    });

Javascript相关问答推荐

如何在不指定宽度和高度的情况下显示来自网址的下一张图像

当在select中 Select 选项时，我必须禁用不匹配的 Select

深嵌套的ng-container元素仍然可以在Angular 布局组件中正确渲染内容吗？

使用JavaScript重新排序行

如何在Javascript中的控制台上以一行形式打印循环的结果

如何让npx在windows中运行js脚本？

Regex结果包含额外的match/group，只带一个返回

获取Uint8ClampedArray中像素数组的宽度/高度

如何从网站www.example.com获取表与Cheerio谷歌应用程序脚本

优化Google Sheet脚本以将下拉菜单和公式添加到多行

如何在每次单击按钮时重新加载HighChart/设置HighChart动画？

Reaction Native中的范围滑块

用于在路径之间移动图像的查询

如何在箭头函数中引入or子句？

当标题被点击时，如何使内容出现在另一个div上？

如何防止ionic 输入中的特殊字符.？

如何使用<；Link>；执行与JS Reaction中的"；window.Location=/GameOverDied；"；类似的操作？

如何使用Astro优化大图像？

我不知道如何纠正这一点.

为什么我不能使用其同级元素调用和更新子元素？