如何显示实时运行的时间？
要显示实时运行的时间，可以使用JavaScript编写一个简单的代码来实现。以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<title>实时运行时间</title>
</head>
<body>
<h1 id="clock"></h1>
<script>
function displayTime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
// 格式化时间，确保始终显示两位数
hours = ("0" + hours).slice(-2);
minutes = ("0" + minutes).slice(-2);
seconds = ("0" + seconds).slice(-2);
var time = hours + ":" + minutes + ":" + seconds;
// 将时间显示在页面上
document.getElementById("clock").textContent = time;
// 每秒更新一次时间
setTimeout(displayTime, 1000);
}
// 页面加载完成后开始显示时间
window.onload = displayTime;
</script>
</body>
</html>这段代码使用JavaScript的Date对象来获取当前时间，并将小时、分钟和秒数提取出来。然后，通过字符串拼接和格式化，将时间显示在页面上的<h1>元素中。
为了实现实时更新，我们使用setTimeout函数每秒钟调用一次displayTime函数，以更新时间显示。
这个示例只是一个简单的实现，你可以根据需要进行样式和功能的定制。
相关·内容
2回答
我怎样才能改变这个钟的速度？
javascript、html
我有这只钟，它是当地时间的。然而，我想改变，使6个小时的实时等于24小时的时钟。因此，总结一下，时钟应该加快4倍。
// This function gets the current time and injects it into the DOM
function updateClock() {
// Gets the current time
var now = new Date();
// Get the hours, minutes an
浏览 5提问于2017-11-27得票数 1
回答已采纳
1回答
使用timezone强制在特定时间刷新页面
javascript、timezone、refresh
我正在尝试强制页面在特定时间用js刷新，在深入研究之后，我找到了下面的脚本。然而，它似乎没有考虑时区。我该如何实现它呢？
<html>
<head>
<title></title>
<script type="text/javascript">
function refreshAt(hours, minutes, seconds) {
var now = new Date();
var then = new Date();
if(now.getHours() > hours ||
浏览 0提问于2012-10-09得票数 1
回答已采纳
4回答
NaN而不是数字- javascript
javascript、html
我正在制作一个显示当前时间的网页，并对一个硬编码的时间进行倒计时。当前时间运行完美，但倒计时显示的是NaN而不是数字...没有控制台错误。这是我的代码：
<!DOCTYPE html>
<html>
<head>
<script>
function startTime() {
var now = new Date();
var deadline = new Date();
var countdown = new Date("12:10:00");
// deadline setten moet
浏览 0提问于2016-11-03得票数 0
2回答
JavaScript时钟问题
javascript、time
我正在努力创建一个时钟来显示两个国家的时间。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script>
function disptime() {
now = new Date()
hours = now.getHours();
hours = hours < 10 ? "0" +
浏览 2提问于2015-12-19得票数 0
回答已采纳
4回答
Javascript增加时间
javascript、time、clock
我有这个javascript代码，它应该显示时间。它起作用了。不过，我不想增加额外的时间。让我们说，我想增加一个小时。
<script type="text/javascript">
Date.prototype.addHours = function(h) {
this.setTime(this.getTime() + (h*60*60*1000));
return this;
}
// This function gets the curr
浏览 7提问于2015-07-13得票数 7
回答已采纳
2回答
如何全局获取一个HTML元素一次并多次使用它？
javascript
我不想调用
var element = document.getElementById('ph');
每次为了提高效率而调用UpdateClock。所以我试图把它放在全球，而不是把它放在UpdateClock中。但是，它不起作用。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>This is a title</title>
<script>
v
浏览 5提问于2014-08-29得票数 1
回答已采纳
3回答
使用javascript添加AM/PM
javascript
我有12小时格式时间的简单代码
// This function gets the current time and injects it into the DOM
function updateClock() {
// Gets the current time
var now = new Date();
// Get the hours, minutes and seconds from the current time
var hours = no
浏览 2提问于2016-07-10得票数 1
4回答
在特定时间刷新分区
php、jquery、html、refresh
好的，所以我正在创建一个收音机播放器，基本上我需要标题，内容div，下一个显示分区在特定的时间刷新，例如上午9点然后下午12点。我有JQuery代码可以在特定的时间刷新页面，但这并不是我想要的。有什么想法吗？
代码：
function refreshAt(hours, minutes, seconds) {
var now = new Date();
var then = new Date();
if(now.getHours() > hours ||
(now.getHours() == hours && now.getMinutes() > minute
浏览 6提问于2013-11-20得票数 1
回答已采纳
3回答
向时钟添加毫秒时的JavaScript错误消息
javascript、html
我一直收到这样的错误消息：
未登录的SyntaxError:意外标识符
当将毫秒加到时钟中时。我是从一本书上抄出来的，所以我不知道出了什么问题。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN">
<html>
<head>
<title>Event Test</title>
</head>
浏览 5提问于2012-10-12得票数 1
1回答
javascript中的变量行为，在使用+=运算符时，旧值不会被重写
javascript
恐怕我的头衔不能解释这件事。当变量存储一些值时，我无法理解它们的行为。我试着解释我说的话，
我的代码
<! DOCTYPE html>
<html>
<head>
<title>Current Date and Time</title>
<style>
p { font: 14px normal arial, verdana, helvetica; }
</style>
<script>
function telltime() {
var out
浏览 1提问于2017-03-11得票数 0
回答已采纳
0回答
如何使用Javascript更改当前时间
javascript、html
我想在我的网页上显示当前时间。当我按下F5时，我可以获得时间，但它不会改变。帮帮我..。
HTML
<div id="time" class="timer">
show_time
</div>
Javascript
var text2 = document.getElementById("time");
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var se
浏览 3提问于2017-11-25得票数 1
回答已采纳
2回答
初始化不当的javascript
javascript、asp.net、html
作为我的作业，我必须为数据库前端页准备一个asp网页。为了获得额外的分数，我们可以添加一个javascript。我欺骗在脚本教程中添加了一个时钟，并对它做了一些修改，但我的技能还不足以正确地放置它。
我想把它放在我的MasterPage中，但是如果我这样添加它，整个页面只会断开时钟：
<div id="Zawartosc" onload="showTheTime();">
<%-- clock --%>
<script src="Script.js"></script>
<
浏览 3提问于2016-01-31得票数 0
回答已采纳
3回答
具有毫秒增量的Javascript秒表
javascript、stopwatch
我正在试着用JavaScript组装一个秒表。我有填写正确信息的日期，但我的秒表不工作。我点击start，数字永远不会从0开始移动，我希望它以毫秒为单位递增。我也有我的JS和HTML代码。HTML可以正常工作，但JS不能。我对JavaScript世界非常陌生，我已经看了又看，但无法找到一个对我有好处的解决方案。谢谢你的帮助。
"use strict";
var $ = function(id) { return document.getElementById(id); };
var stopwatchTimer;
var elapsedMinutes = 0;
var e
浏览 0提问于2018-10-26得票数 2
2回答
刷新给定时间范围的页面
javascript
我有一个网站，我希望在一天中给定的时间范围内每五分钟重新加载一次。时间，比如每五分钟9:00到12:00。我该怎么做？
function refreshAt(hours, minutes, seconds) {
var now = new Date();
var then = new Date();
if(now.getHours() > hours ||
(now.getHours() == hours && now.getMinutes() > minutes) ||
now.getHours()
浏览 1提问于2012-02-07得票数 1
3回答
JavaScript定时响应
javascript、timed
我在使用JavaScript定时输出时遇到了问题，该输出先声明某种类型的问候语，然后再声明时间。代码：
<script language="Javascript">
<!--
{
var now = new Date();
var h = now.getHours();
var m = now.getMinutes();
var s = now.getSeconds();
if (hours < 7){timemsg = "Wakey wakey, Mr. Person. The time is: "
浏览 6提问于2015-09-23得票数 0
3回答
我试图用javascript转换为12小时格式，但当我使用模块化操作符时，它将PM改为am。
javascript、html
我可以将时间从军事时间更改为12小时格式，但当我使用模块化运算符时，它也会将时间从PM更改为AM。如何在不改变AM/PM的情况下以12小时格式更改当前时间？
var now = new Date()
var h = now.getHours();
h = h % 12;
var m = now.getMinutes();
var s = now.getSeconds();
document.getElementById("hours").innerHTML = h;
document.getElementById("minutes").innerHTML
浏览 1提问于2018-03-23得票数 0
回答已采纳
1回答
在JS中计算用户输入时间和乘以小时费率
javascript、date、time
我正在尝试创建一个简单的时间/薪水跟踪器。用户输入的时间，他们开始工作，然后一个计数器计数的时间和分钟的时间和分钟，从时钟进入，并在这段时间内的金额，它还应该更新的时间和工资每1s (setInterval(功能，1000))，我一直试图使它正确，但似乎无法得到的日期()按我想要的工作，将不胜感激的一个正确的方向轻推谢谢。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewpor
浏览 2提问于2017-07-05得票数 0
回答已采纳
1回答
setInterval()不在firefox上工作
javascript、firefox
嗨，我对java脚本非常陌生，出于某种原因，当我在setInterval上运行这段代码时，firefox似乎无法工作。我尝试过在Microsoft边缘运行它，但仍然无法工作。它只打印了一次日期，但没有从那里继续。任何帮助都将不胜感激。
谢谢!
<html>
<head>
</head>
<body>
<script type = "text/javascript">
<!--Intervals with Date/time-->
function print
浏览 0提问于2018-06-29得票数 0
回答已采纳
2回答
CSS:如何在每次刷新数字时钟时使跨度不改变大小
javascript、html、css
我现在制作一个简单的数字时钟，如下所示：
function displayTime(){
//get current time
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();
var meridien = "AM";
//added 0 to front of hours, minutes and seconds for
浏览 2提问于2017-08-14得票数 0
回答已采纳
3回答
如何在时钟中获取"1“到"9”之前的"0“
javascript、html、function、onload、clock
我的时钟脚本如下。出于某种原因，if(minutes<10){minutes="0"+minutes;}和if(seconds<10){seconds="0"+seconds;}会在小于10的数字前添加一个0，但它不会在几个小时内这样做。对如何修复它有什么建议吗？
<script>
function TimeUpdate() {
var now = new Date(), hours = now.getHours(), minutes = now.getMinutes(), seconds = now.getSeconds();
浏览 2提问于2015-07-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
