Javascript 满足条件时更改显示
我正在尝试创建一个简单的倒计时按钮,当段落达到0时,它会显示一个段落。倒计时按钮起作用,但段落在0处不显示。我的代码如下。你知道我做错了什么吗?谢谢 此外,我知道这不是最干净或最有效的代码,但我只是在练习我的JavascriptJavascript 满足条件时更改显示,javascript,html,css,Javascript,Html,Css,我正在尝试创建一个简单的倒计时按钮,当段落达到0时,它会显示一个段落。倒计时按钮起作用,但段落在0处不显示。我的代码如下。你知道我做错了什么吗?谢谢 此外,我知道这不是最干净或最有效的代码,但我只是在练习我的Javascript 函数倒计时(){ var currentVal=document.getElementById(“倒计时”).innerHTML; var newValue=0; 如果(当前值>0){ newValue=currentVal-1; } document.getElem
函数倒计时(){
var currentVal=document.getElementById(“倒计时”).innerHTML;
var newValue=0;
如果(当前值>0){
newValue=currentVal-1;
}
document.getElementById(“倒计时”).innerHTML=newValue;
如果(currentVal=0){
var vacation=document.getElementById(“假期”);
vacation.style.display=“block”;
}
}
度假{
显示:无;
}
离假期还有几天
10
度假时间到了,呜呜
您编写了错误的条件语句。这里有一个赋值而不是比较。因此,如果(newValue==0){您编写了一个错误的条件语句,请更改为。如果(currentVal==0){
您编写了一个错误的条件语句,请更改为如果(currentVal==0){。如果(currentVal==0)您编写了一个错误的条件语句{.您正在使用赋值运算符而不是比较运算符来检查currentVal
。请参阅更新的代码段:
函数倒计时(){
var currentVal=document.getElementById(“倒计时”).innerHTML;
var newValue=0;
如果(当前值>0){
newValue=currentVal-1;
}
document.getElementById(“倒计时”).innerHTML=newValue;
如果(currentVal==0){
var vacation=document.getElementById(“假期”);
vacation.style.display=“block”;
}
}
度假{
显示:无;
}
离假期还有几天
10
休假时间woo!
您正在使用赋值运算符而不是比较运算符来检查currentVal
。请参阅更新的代码片段:
函数倒计时(){
var currentVal=document.getElementById(“倒计时”).innerHTML;
var newValue=0;
如果(当前值>0){
newValue=currentVal-1;
}
document.getElementById(“倒计时”).innerHTML=newValue;
如果(currentVal==0){
var vacation=document.getElementById(“假期”);
vacation.style.display=“block”;
}
}
度假{
显示:无;
}
离假期还有几天
10
休假时间woo!
在javascript中,您应该使用==
进行比较。
另外,我建议您将currentValue解析为整数,因为.innerHTML
返回一个字符串
因此,将if(currentVal=0){
替换为if(currentVal==0){
并使用var currentVal=parseInt(document.getElementById(“countdown”).innerHTML);
它应该可以工作!
函数倒计时(){
var currentVal=parseInt(document.getElementById(“倒计时”).innerHTML);//整数解析
var newValue=0;
如果(当前值>0){
newValue=currentVal-1;
}
document.getElementById(“倒计时”).innerHTML=newValue;
如果(currentVal==0){//currentVal等于newValue(并且它们都是整数),则可以使用其中一个
var vacation=document.getElementById(“假期”);
vacation.style.display=“block”;
}
}
度假{
显示:无;
}
离假期还有几天
10
休假时间woo!
在javascript中,您应该使用==
进行比较。
另外,我建议您将currentValue解析为整数,因为.innerHTML
返回一个字符串
因此,将if(currentVal=0){
替换为if(currentVal==0){
并使用var currentVal=parseInt(document.getElementById(“countdown”).innerHTML);
它应该可以工作!
函数倒计时(){
var currentVal=parseInt(document.getElementById(“倒计时”).innerHTML);//整数解析
var newValue=0;
如果(当前值>0){
newValue=currentVal-1;
}
document.getElementById(“倒计时”).innerHTML=newValue;
如果(currentVal==0){//currentVal等于newValue(并且它们都是整数),则可以使用其中一个
var vacation=document.getElementById(“假期”);
vacation.style.display=“block”;
}
}
度假{
显示:无;
}
离假期还有几天
10
休假时间woo!
另外,您可能想要比较newValue
,因此您需要if(newValue==0)
当然。这是一个输入错误谢谢你们!我应用了这两个更改,并且都起作用了。另外,您可能想要比较newValue
,所以您需要if(newValue==0)
当然可以。这是一个输入错误谢谢你们两位!我应用了两个更改并成功了。谢谢!现在可以了。您上面提到的使用if(currentVal==0){
并在代码中使用if(newValue==0){
?可能最好使用parseInt()设置currentVal首先打电话。是的,我错过了,我更新了我的答案,让它更详细谢谢你!它现在可以工作了。你上面提到的使用if(currentVal==0){
并在代码中使用if(newValue==0){
?可能最好用parseInt()设置currentVal首先打电话。是的,我错过了,我更新了我的答案,以便更详细