为什么使用“new Date()”&如何在小于10的数字前面设置0数字时钟Javascript
当我继续我的学习之旅时,我尝试建立小项目 今天,我自己制作了一个数字钟,并根据教程制作了一个更大的数字钟 有两件小事情我不明白,他们在教程中没有解释。顺便说一下,如果有人感兴趣的话 这里是JS代码 我还尝试:为什么使用“new Date()”&如何在小于10的数字前面设置0数字时钟Javascript,javascript,html,css,Javascript,Html,Css,当我继续我的学习之旅时,我尝试建立小项目 今天,我自己制作了一个数字钟,并根据教程制作了一个更大的数字钟 有两件小事情我不明白,他们在教程中没有解释。顺便说一下,如果有人感兴趣的话 这里是JS代码 我还尝试: if(m < 10) { s= '0' + s return s } * { 保证金:0; 填充:0; 框大小:边框框; } 身体{ 背景:黑色; } .集装箱{ 宽度:90vw; 保证金:自动; 边框:1px实心rgb50,50,50; 边际上限:50vh; 转化:trans
if(m < 10) {
s= '0' + s
return s
}
* {
保证金:0;
填充:0;
框大小:边框框;
}
身体{
背景:黑色;
}
.集装箱{
宽度:90vw;
保证金:自动;
边框:1px实心rgb50,50,50;
边际上限:50vh;
转化:translateY-50%;
显示器:flex;
证明内容:周围的空间;
填充:.5em;
字号:3em;
字体系列:verdana;
背景:RGB170190170;
盒影:0 10px黑色镶嵌;
长方体反射:0以下线性渐变透明,白色;
-webkit盒反射:0以下线性渐变透明,RGBA255255.5;
}
数字钟
你得到了一个包含三个部分的
condition ? valueTrue : valueFalse
条件,它是一个表达式,它有一个,如true,任何字符串没有,任何数字没有0或NaN,对象,函数或值,如undefined,null,zero
valueTrue,这是一个表达式,如果条件为truthy且
valueFalse,如果条件为falsy,则返回该表达式
而且,由于它可能看起来很方便,可以使用内联条件,因此如果返回值无关紧要,则不建议使用它
对于较短的方法,您可以将值转换为字符串,并在开始时填充必要的零。要多次使用此方法,请为其使用函数
对于获取日期实例,您可以使用它一次,然后使用它获取所有时间部分
函数padZerovalue{
返回值.toString.padStart2,“0”;
}
设置间隔函数{
设小时数=document.querySelector'.hours',
分钟数=document.querySelector'.minutes',
秒=document.querySelector'.seconds',
今天=新日期;
hours.innerHTML=padZerotoday.getHours;
minutes.innerHTML=padZerotoday.getMinutes;
seconds.innerHTML=padZerotoday.getSeconds;
}, 200;
:小东西n°1:
为什么使用新日期?
必须首先创建日期对象才能获取当前日期和时间。
然后,函数getHours将获取从该创建日期算起的小时数。
小东西2号:
为什么每个语句的末尾都有一个:h,:m,:s?
这是如何进行速记的格式。
说明:
在本例中,h=10,而innerHTML为h
if(m < 10) {
s= '0' + s
return s
}
这不起作用,因为if中的语句。
变量是'm',在本例中,它不是教程中的比较
我希望这能进一步澄清这一点:h@LelioFaieta哦,明白了!谢谢!因此,如果没有速记,我应该只添加else并返回h或m或swith。如果没有速记,你应该添加一个完整的if-else块,以获得相同的结果,这非常有用!非常感谢尼娜:
condition ? valueTrue : valueFalse
STATEMENT ? IF_TRUE : IF_FALSE
if(m < 10) {
s= '0' + s
return s
}