React-native 时间每秒自动刷新

最新推荐文章于 2024-03-23 09:50:21 发布

_大龄码农

最新推荐文章于 2024-03-23 09:50:21 发布

阅读量928

点赞数

分类专栏： ReactNative 前端

本文链接：https://blog.youkuaiyun.com/qq_36229552/article/details/108198439

版权

前端同时被 2 个专栏收录

18 篇文章

订阅专栏

ReactNative

10 篇文章

订阅专栏

本文介绍了一个使用JavaScript构造函数实现的时间显示组件。通过设置定时器，每秒更新当前时间并展示为小时与分钟的形式。此外，还展示了如何在状态中存储经纬度及打卡状态，适用于需要实时显示时间和地理位置的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

 constructor(props) {
        super(props);
        this.state = {
            longitude: '', //经度
            latitude: '', //维度
            timeNow: '', //实时时间
            aType: false, //上午是否打卡
            bType: false, //下午是否打卡
        };
       //刷新
        setInterval(()=>{
            this.formatDateTime()//每个一秒，自动刷新
        },1000);
    }

formatDateTime() {
    var date = new Date();
    //date.setTime(timeStamp);
    var h = date.getHours();
    h = h < 10 ? ('0' + h) : h;
    var minute = date.getMinutes();
    //var second = date.getSeconds();
    minute = minute < 10 ? ('0' + minute) : minute;
    //second = second < 10 ? ('0' + second) : second;
    let Time = h + ':' + minute;
    this.setState({
        timeNow: Time
    })