uniapp获取系统时间实现动态显示
时间: 2024-08-02 13:01:37 浏览: 76
UniApp是一款基于Vue.js的跨平台开发框架,它允许开发者构建一次代码,同时发布到iOS、Android等多个平台上。在UniApp中获取系统当前时间并动态显示,你可以通过使用`uni.getSystemInfoSync()`方法获取设备信息,其中包括日期和时间。下面是一个简单的示例:
```javascript
Page({
data() {
return {
currentTime: ''
};
},
onLoad() {
// 获取系统时间和日期
const systemTime = uni.getSystemInfoSync().time;
this.currentTime = new Date(systemTime).toLocaleString(); // 格式化时间
setInterval(() => {
this.currentTime = new Date(uni.getSystemInfoSync().time).toLocaleString();
}, 1000); // 每秒更新一次
},
onShow() {
this.updateCurrentTime(); // 初始化加载页面时也更新一次时间
},
updateCurrentTime() {
this.currentTime = new Date(uni.getSystemInfoSync().time).toLocaleString();
}
},
```
在这个例子中,`onLoad`生命周期钩子会在页面加载时获取时间,然后`setInterval`每秒调用`updateCurrentTime`方法刷新显示的时间。`toLocaleString`函数用于将日期时间格式化为本地字符串。