如何存储事件发生时的当前日期和时间
我目前想要制作一个联系人管理器应用程序，我需要获取用户创建新联系人的当前时间和日期。问题是我无法找到一种方法来存储用户创建联系人的当前时间和日期。我尝试获取当前时间和日期并将其转换为 JSON，但它现在将自身更新为当前时间，我不想要这种情况，而是想要获取用户进行联系的当前时间并存储当前时间。我如何使用纯 Javascript来实现这一点。
尝试第一次运行此代码，然后刷新浏览器，您将看到时间变化。所以它不存储时间，因为它以某种方式更新，我该如何解决这个问题。
超文本标记语言
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<button id="btn" onclick="clicked()">Click me</button>
</body>
</html>
JS
const date = new Date();
function clicked() {
localStorage.setItem("currentDate", JSON.stringify(date));
var getDate = JSON.parse(localStorage.getItem("currentDate"));
document.body.innerHTML += getDate;
}
拉莫斯之舞浏览 93回答 1
1回答
-
交互式爱情
每次您单击该按钮时，它都会设置一个新的日期和时间。您需要做的是获取加载时保存的日期。我创建了一个函数 getDate，该函数在页面加载和单击时调用。如果您不希望每次点击后重复日期，那么您需要在 HTML 中添加一个 div 并通过以下方式替换其内容：document.querySelector("#timediv").innerHTML = theDate;下面是更新的 javascript 函数function getDate(){ var theDate = JSON.parse(localStorage.getItem("currentDate") || "[]"); document.body.innerHTML += theDate + "<br>";} function clicked() { if (!localStorage.getItem("currentDate")) { localStorage.setItem("currentDate", JSON.stringify(new Date())); } getDate(); }
随时随地看视频慕课网APP
相关分类
JavaScript