获取当前时间戳在微信小程序中非常简单。可以使用`Date.now()`方法获取当前时间距离1970年1月1日午夜的毫秒数。然而，微信小程序的API提供了更方便的方法，即`wx.getSystemInfoSync()`和`wx.createSelectorQuery().selectViewport().scrollOffset()`。
下面我们来详细讨论如何使用这两个API获取当前时间戳。
首先，我们使用`wx.getSystemInfoSync()`获取设备信息，其中包含一个叫做`SDKVersion`的属性，该属性表示当前微信客户端的版本号。通过比较版本号，我们可以判断微信客户端是否支持`scrollOffset`方法。
```javascript
var systemInfo = wx.getSystemInfoSync();
var SDKVersion = systemInfo.SDKVersion;
```
接下来，我们需要判断微信客户端是否支持`scrollOffset`方法。如果支持，我们可以直接调用该方法获取滚动页面的位置信息。如果不支持，我们需要使用`Date.now()`方法获取当前时间戳。
```javascript
if (compareVersion(SDKVersion
'1.9.9') >= 0) {
wx.createSelectorQuery().selectViewport().scrollOffset(function(rect) {
var scrollTop = rect.scrollTop;
// 根据scrollTop计算当前时间戳
var timestamp = Date.now() - scrollTop * 1000;
}).exec();
} else {
var timestamp = Date.now();
}
```
`compareVersion()`是一个自定义的方法，用于比较两个版本号的大小。可以使用以下代码实现该方法：
```javascript
function compareVersion(v1
v2) {
v1 = v1.split('.');
v2 = v2.split('.');
var len = Math.max(v1.length
v2.length);
while (v1.length < len)="">
v1.push('0');
}
while (v2.length < len)="">
v2.push('0');
}
for (var i = 0; i < len;="" i++)="">
var num1 = parseInt(v1[i]);
var num2 = parseInt(v2[i]);
if (num1 > num2) {
return 1;
}
if (num1 < num2)="">
return -1;
}
}
return 0;
}
```
*，我们可以将获取到的当前时间戳显示在小程序页面上。
```html
```
完整示例代码如下：
```javascript
// 获取设备信息
var systemInfo = wx.getSystemInfoSync();
var SDKVersion = systemInfo.SDKVersion;
// 比较版本号
function compareVersion(v1
v2) {
v1 = v1.split('.');
v2 = v2.split('.');
var len = Math.max(v1.length
v2.length);
while (v1.length < len)="">
v1.push('0');
}
while (v2.length < len)="">
v2.push('0');
}
for (var i = 0; i < len;="" i++)="">
var num1 = parseInt(v1[i]);
var num2 = parseInt(v2[i]);
if (num1 > num2) {
return 1;
}
if (num1 < num2)="">
return -1;
}
}
return 0;
}
// 获取当前时间戳
if (compareVersion(SDKVersion
'1.9.9') >= 0) {
wx.createSelectorQuery().selectViewport().scrollOffset(function(rect) {
var scrollTop = rect.scrollTop;
// 根据scrollTop计算当前时间戳
var timestamp = Date.now() - scrollTop * 1000;
// 更新页面数据
this.setData({
timestamp: timestamp
});
}).exec();
} else {
var timestamp = Date.now();
// 更新页面数据
this.setData({
timestamp: timestamp
});
}
```
这样，我们就成功地获取了当前时间戳，并显示在微信小程序的页面上。
咨询微信客服
0516-6662 4183
立即获取方案或咨询
top
