HarmonyOS 实现倒计时功能

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect
@Entry
@Component
struct Arc {
  @State countdownValue: string = '1';

  aboutToAppear(): void {
  }
  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Text(this.countdownValue).backgroundColor(Color.Blue).fontColor(Color.White).width(300).height(45)
        .textAlign(TextAlign.Center)
    }
    .width('100%')
    .height('100%')

  }
  onPageShow(): void {
    setInterval(()=>{
      let target = 1730339780000
      let result = new Date().getTime()
      let dd = target - result
      let days=Math.floor(dd/(24*3600*1000))
      let leave1=dd%(24*3600*1000)    //计算天数后剩余的毫秒数
      let hours=Math.floor(leave1/(3600*1000))
      //计算相差分钟数
      let leave2=leave1%(3600*1000)        //计算小时数后剩余的毫秒数
      let minutes=Math.floor(leave2/(60*1000))
      //计算相差秒数
      let leave3=leave2%(60*1000)      //计算分钟数后剩余的毫秒数
      let seconds=Math.round(leave3/1000)
      console.log('距离结束'+days+'天'+hours+':'+minutes+':'+seconds)
      this.countdownValue = '距离结束'+days+'天'+hours+':'+minutes+':'+seconds;

    }, 1000);

  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 请问ArkTS如何实现倒计时功能
32538浏览 • 8回复 待解决
HarmonyOS 倒计时天数
318浏览 • 1回复 待解决
HarmonyOS 如何自动倒计时组件
457浏览 • 1回复 待解决
HarmonyOS 60秒倒计时demo
160浏览 • 1回复 待解决
如何实现文本类型的倒计时
901浏览 • 0回复 待解决
如何实现一个倒计时器?
460浏览 • 1回复 待解决
HarmonyOS Timer倒计时自定义
406浏览 • 1回复 待解决
HarmonyOS TextTimer 计时器使用问题
35浏览 • 1回复 待解决
HarmonyOS 虚线功能实现
32浏览 • 1回复 待解决
HarmonyOS 换肤功能怎么实现
530浏览 • 1回复 待解决
HarmonyOS 分享功能如何实现
193浏览 • 1回复 待解决
HarmonyOS 实现RSA加密功能
603浏览 • 1回复 待解决
HarmonyOS如何实现头像选择功能
597浏览 • 1回复 待解决
HarmonyOS如何实现粘贴板功能
385浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人