Javascript 打印日期两次_Javascript_Html_Css

Javascript 打印日期两次

javascript html css

Javascript 打印日期两次,javascript,html,css,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; 鉴于，本规范规定： docu

我想打印两次日期，如下所示：

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=距离下一个历元还有几秒。所以我想，因为它改变了大小，这可能是一个问题

我不知道。任何帮助都会很棒

编辑：代码的其余部分

<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>


.秒{
字号：5em；
}
.分钟{
字号：4em；
}
.小时{
字号：3em；
}
.天{
字号：2em；
}
功能时钟（）{
变量时间=新日期（），
secsleft=（Math.pow（2,31）-time.getTime（）/1000）；
document.querySelectorAll（'.seconds'）[0]。innerHTML=secsleft%60
}
设置间隔（时钟，1000）；

不起作用的是这个

<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>


.秒{
字号：5em；
}
.分钟{
字号：4em；
}
.小时{
字号：3em；
}
.天{
字号：2em；
}
功能时钟（）{
变量时间=新日期（），
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；
}
设置间隔（时钟，1000）；

谢谢

原因是您使用的标签不正确。Span标记需要结束标记，而不是开始标记中的/

发件人：

标记省略：无，起始标记和结束标记都是必需的

替换：

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

与

它应该可以工作。

请提供您正在工作的代码，并解释您想要实现的目标！你也可以发布你的html吗？请尝试在代码片段中展示工作代码。-您的代码似乎不正确work@Derek，是的，他以前没有发布任何html代码。谢谢你，而且结果我遗漏了一些（）括号，但是是的，谢谢你，先生

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