如何解决在传单地图中添加悬停时间戳?
我正在使用 Leaflet 将地图插入到 Qualtrics 中。对于我的一个标记,我进行了设置,以便 (1) 出现一个带有鼠标悬停的弹出窗口,以及 (2) 单击弹出窗口继续到实验中的下一页:
marker1.on('mouseover',function (e) {
this.openPopup();
this.getPopup()._contentNode.onclick = function () {
document.querySelector("#NextButton").click();
Qualtrics.SurveyEngine.setEmbeddedData("home","one");
};
});
是否也可以使用嵌入的数据来记录鼠标悬停时的时间戳?如果是这样,如何?
解决方法
使用函数获取 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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。