我想打印两次日期,像这样:
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/