javascript - 打印日期两次

标签 javascript html css

我想打印两次日期,像这样:

output
 -date: the date
 -someotherdate: the someotherdate

好吧,反正下面的代码不显示:

document.querySelectorAll('.seconds')[0].innerHTML = secsleft % 60;
document.querySelectorAll('.minutes')[0].innerHTML = secsleft / 60 % 60;

而这段代码会:

document.querySelectorAll('.seconds')[0].innerHTML = secsleft % 60;

而我的其余代码没有改变。还有 secsleft = 到下一个纪元还剩下的秒数。所以我假设因为它改变了大小,所以这可能是个问题?

我不知道。 AnyHelp 会很棒。

编辑:其余代码

<html>
<head>
    <style>
        .seconds {
            font-size: 5em;
        }
        .minutes {
            font-size: 4em;
        }
        .hours {
            font-size: 3em;
        }
        .days {
            font-size: 2em;
        }
    </style>
</head>
<body>
    <span class="seconds"/>
    <span class="minutes"/>
    <span class="hours"/>
    <span class="days"/>
    <article>
    <script type="text/javascript">
        function clock() {
            var time = new Date(),
            secsleft = (Math.pow(2, 31) - time.getTime() / 1000);
            document.querySelectorAll('.seconds')[0].innerHTML = secsleft % 60
        }
        setInterval(clock, 1000);
    </script>
    </article>
</body>

这是行不通的

<html>
<head>
    <style>
        .seconds {
            font-size: 5em;
        }
        .minutes {
            font-size: 4em;
        }
        .hours {
            font-size: 3em;
        }
        .days {
            font-size: 2em;
        }
    </style>
</head>
<body>
    <span class="seconds"/>
    <span class="minutes"/>
    <span class="hours"/>
    <span class="days"/>
    <article>
    <script type="text/javascript">
        function clock() {
            var time = new Date(),
            secsleft = (Math.pow(2, 31) - time.getTime() / 1000);
            document.querySelectorAll('.seconds')[0].innerHTML = secsleft % 60;
            document.querySelectorAll('.minutes')[0].innerHTML = secsleft / 60 % 60;
            document.querySelectorAll('.hours')[0].innerHTML = secsleft 3600 % 24;
            document.querySelectorAll('.days')[0].innerHTML = secsleft % 86400;
        }
        setInterval(clock, 1000);
    </script>
    </article>
</body>

谢谢

最佳答案

原因是因为您正在使用 <span>标签不正确。 Span 标签需要一个结束标签,而不是开始标签中的/。

来自 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span :

Tag omission: None, both the starting and ending tag are mandatory.

替换:

<span class="seconds"/>
<span class="minutes"/>
<span class="hours"/>
<span class="days"/>

<span class="seconds"></span>
<span class="minutes"></span>
<span class="hours"></span>
<span class="days"></span>

它应该可以工作。

关于javascript - 打印日期两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53954765/

相关文章:

html - Chrome MediaRecorder API 无法录制来自 FreeSwitch 的远程视频,但可以录制本地媒体

html - 我网站导航栏的标志消失了

css - 如何在不使列表项居中的情况下使 div 居中

css - 如何在 png 图像上制作圆形阴影

javascript - Oclick - 更改元素的背景图像

javascript - 在 javascript 中查询 php json_encode 结果

javascript - 如何删除匹配的标签但保留 JQuery 的内容

CSS :nth-child in IE8

Javascript - 对对象执行深度搜索

javascript - 将插件 dataTable 添加到动态创建的表格 HTML