moment js 制作倒计时 比较简单

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
  <script>
    setInterval(() => {
      let start = moment(new Date());//获取开始时间
      let end = moment(new Date("2020/12/20"));//结束时间
      let diff = end.diff(start);//时间差
      let time = `${moment.duration(diff).hours()} - ${moment.duration(diff).minutes()} - ${moment.duration(diff).seconds()}`//格式化为需要的格式 这里是时分秒
      console.log(time)
    }, 1000)
  </script>
</body>

</html>
在Power BI中集成JavaScript实现倒计时,通常涉及到以下几个步骤: 1. **添加交互元素**:首先,你需要在Power BI报告页面上添加一个JavaScript容器,比如使用HTML标签(如`<div>`),用于放置倒计时的显示内容。 ```html <div id="timerDiv"></div> ``` 2. **JavaScript脚本**:在Power Query编辑器(Visualizations pane)中,可以插入JavaScript片段。导入必要的库(如`moment.js`或`Date`对象),然后编写倒计时逻辑。例如: ```javascript var endDateTime = new Date('your-end-date-time'); var countdownElement = document.getElementById("timerDiv"); setInterval(function() { var now = new Date(); var diff = Math.abs(endDateTime - now); var days = Math.floor(diff / (1000 * 60 * 60 * 24)); var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((diff % (1000 * 60)) / 1000); countdownElement.innerHTML = '离结束还有: ' + days + '天 ' + hours + '小时 ' + minutes + '分钟 ' + seconds + '秒'; }, 1000); // 每秒更新一次 ``` 3. **配置定时器**:确保你的脚本每秒钟运行一次,这可以通过`setInterval`函数实现,也可以选择其他合适的间隔。 4. **测试与调整**:发布报告后,你可以预览查看倒计时是否按预期工作,并根据需要调整样式和细节。 记住,JavaScript是在客户端运行的,所以对于大型项目或者频繁变动的倒计时需求,可能会考虑使用服务端语言配合API调用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值