HarmonyOS 实现倒计时功能

HarmonyOS
2024-12-20 16:37:20
浏览
收藏 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
微信
回复
2024-12-20 19:31:29
相关问题
HarmonyOS 请问ArkTS如何实现倒计时功能
33367浏览 • 8回复 待解决
HarmonyOS 页面倒计时怎么实现
279浏览 • 1回复 待解决
HarmonyOS 倒计时天数
681浏览 • 1回复 待解决
HarmonyOS TextTimer倒计时问题
366浏览 • 1回复 待解决
HarmonyOS 倒计时方法
497浏览 • 1回复 待解决
如何实现文本类型的倒计时
1224浏览 • 0回复 待解决
HarmonyOS 60秒倒计时demo
472浏览 • 1回复 待解决
HarmonyOS 如何自动倒计时组件
704浏览 • 1回复 待解决
如何实现一个倒计时器?
823浏览 • 1回复 待解决
HarmonyOS Timer倒计时自定义
839浏览 • 1回复 待解决
HarmonyOS TextTimer60秒倒计时显示成00
368浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人