添加时间戳悬停在传单地图?

Question

我使用传单插入地图到质量。对于我的一个标记，我设置为(1)鼠标悬停时出现一个弹出窗口，(2)在实验中单击弹出窗口继续到下一页:

marker1.on('mouseover', function (e) {
this.openPopup();
this.getPopup()._contentNode.onclick = function () {
document.querySelector("#NextButton").click();
Qualtrics.SurveyEngine.setEmbeddedData("home", "one");
};
});

是否也可以使用嵌入式数据来记录鼠标悬停时发生的时间戳?如果有，怎么做?

Answer 1

使用函数获取new Date()。当没有提供参数时，新创建的Date对象表示实例化时的当前日期和时间。然后，您可以使用getDay(),getMonth(),getHours(),getMinutes()等获得您想要的参数。返回你的时间戳，然后你可以调用事件监听器mouseover中的函数。

不确定您希望如何进一步保存它，但是…

const getTimeStamp = () => {
let d = new Date();
let hours = d.getHours();
let meridian;
if (hours > 12) {
hours = hours - 12;
meridian = 'PM';
}else{
meridian = 'AM';
}
let time = `${hours}:${d.getMinutes()}:${d.getSeconds()} ${meridian}`;
let day = d.getDate();
let month = d.getMonth() + 1; // Since getMonth() returns month from 0-11 not 1-12
let year = d.getFullYear();
let timeStamp = `${month}/${day}/${year} - ${time}`;
return timeStamp;
}
let marker1 = document.getElementById('marker1')
marker1.addEventListener('mouseover', function(e) {
console.log(getTimeStamp())
//  this.openPopup();
//  this.getPopup()._contentNode.onclick = function() {
//    document.querySelector("#NextButton").click();
//    Qualtrics.SurveyEngine.setEmbeddedData("home", "one");
//  };
});

<buttton id="marker1">Marker</div>