如何设置香草js时钟app自动更新而不重新加载页面
我已经建立了一个简单的应用程序使用香草JavaScript，但我无法找到如何设置它自动更新，而不需要重新加载页面，谁知道我如何做到这一点？提前谢谢大家！
null
let date = dateObj.getDate()
dateElement.innerHTML = date;
let day = weekDays[dateObj.getDay()];
daysElement.innerHTML = day;
let month = months[dateObj.getMonth()];
monthElement.innerHTML = month;
let hour = dateObj.getHours() <= 9 ? '0' + dateObj.getHours() : dateObj.getHours();
let min = dateObj.getMinutes() <= 9 ? '0' + dateObj.getMinutes() : dateObj.getMinutes();;
let sec = dateObj.getSeconds() <= 9 ? '0' + dateObj.getSeconds() : dateObj.getSeconds();
hourElement.innerHTML = hour + ':' + min + ':' + sec;
let year = dateObj.getFullYear();
yearElement.innerHTML = year;<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles.css">
<script defer src="./script.js"></script>
<title>Clock</title>
</head>
<body>
<div class="container">
<div class="clock">
<div class="hour" data-hour></div>
<div class="date-div">
<div class="days" data-days></div>
<div class="date" data-date></div>
<div class="month" data-month></div>
<div class="year" data-year></div>
</div>
</div>
</div>
</body>
</html>null
共有1个答案
尝试使用setInterval函数以每1000ms获取您的日期。setInterval（function（）{console.log（Display.GetCurrentTime（））；},1000）；
-
问题内容： 我有一个带有php include的Div Tag，该div用来填充该信息，我想要做的是使它每隔15秒调用一次，以便它可以在那里更新信息，而不必重新加载整个网页。我试图用JavaScript / jQuery做到这一点，但似乎无法正常工作 这是我在搜索一些内容后所拥有的，然后发生的是，它加载了Small.php，但不会每15秒刷新一次或更新信息。 请帮忙！ 我应该添加所有应显示的php
-
我正在做一个SPA，其中adal-angular lib用于处理客户端的身份验证。在后端应用程序上，passport-azure-ad与承载策略一起使用，以发布访问令牌和其他东西(尽管没有刷新令牌)。 当用户进行身份验证时，accessToken和idToken一起保存在localStorage中，并带有令牌超时(大约为1小时)。 当令牌到期时，我收到错误（AADSTS50058）返回说单点登录失
-
问题内容： 我将如何更新每两秒钟在服务器上更新一次的映像，而无需用户按下刷新按钮，我的第一个猜测是ajax，但我之前从未真正使用过它。有人能指出我正确的方向吗？ 编辑：忘记提及图像是由perl脚本生成的.gif-尝试通过url抓取它返回脚本 问题答案： 您的Perl脚本似乎有问题。尝试通过URL访问图像应该仍然返回图像。它应该返回二进制数据而不是脚本。您还应该将响应的Content- type标头
-
我想更改页面加载时的“选择组件”值。我读了相关的帖子，那里提出的每一个解决方案都适用于点击按钮。然而，我想要的是在页面加载后设置值，而不需要任何用户操作。我拥有的是： 以及： 我有相同的代码附加到按钮上，并且它可以工作。它只是不适用于准备（）函数。所以我的问题是：如何在页面加载后设置选择值？ 完整html
-
问题内容： 我从数据库获取数据并将其显示在div中…我要做的是单击链接时应更改div的内容 一种选择是通过URL将参数传递给自身并重新加载页面… 我需要这样做而 无需重新加载\刷新 … 目的是当我单击任何链接时，div和php变量的内容无需刷新即可更新....这样 用户可以看到新数据 ，然后如果执行某些查询，它将在新变量上 ps我知道它将需要一些AJAX，但我不知道AJAX ..所以请以我可以学习
-
问题内容： 如果在给定的时间段内没有任何活动，如何自动重新加载网页？ 问题答案： 如果要在没有活动的情况下刷新页面，则需要弄清楚如何定义活动。假设我们每分钟刷新一次页面，除非有人按下键或移动鼠标。这使用jQuery进行事件绑定：