JQuery:在代码中添加新函数会停止所有其他函数
我正在建立一个基于温度的计时器,它有问题。我有一个启动功能和一个升高和降低所需温度的功能,然后按秒倒计时。守则:JQuery:在代码中添加新函数会停止所有其他函数,jquery,Jquery,我正在建立一个基于温度的计时器,它有问题。我有一个启动功能和一个升高和降低所需温度的功能,然后按秒倒计时。守则: $(document).ready(function(){ var desiredTemp = 10; var actualTemp = 12; var tempMatch = false; var degreeTime = 5; var seconds = degreeTime; $("#actualBox").text(timer(seconds)); /*This retu
$(document).ready(function(){
var desiredTemp = 10;
var actualTemp = 12;
var tempMatch = false;
var degreeTime = 5;
var seconds = degreeTime;
$("#actualBox").text(timer(seconds));
/*This returns the outcome of the tick and counter functions.*/
function timer(seconds) {
return actualTemp;
}
/*This checks whether the temp should drop by one or not.*/
function tick() {
if(seconds === 0) {
actualTemp -= 1;
seconds = degreeTime;
}
else {
seconds -= 1;
$("#actualBox").text(timer(seconds));
}
}
/*this sets the count interval to run the tick function every second*/
function counter() {
count = setInterval(tick, 1000);
}
/*functions to raise and lower desired temp*/
function changeTemp(degree) {
desiredTemp += degree;
}
function showDesired() {
return desiredTemp;
}
/*when you click Start, this runs the counter*/
$("#start").click(function(){
counter();
});
$('#lowerTemp').click(function(){
changeTemp(-1);
$('#desiredBox').text(showDesired());
});
$('#raiseTemp').click(function(){
changeTemp(1);
$('#desiredBox').text(showDesired());
});
});
现在,当我在任何地方插入此代码时:
function doneCheck() {
if actualTemp === desiredTemp;
jQuery('#actualBox').css({"background-color: green"});
}
定时器和更改温度功能完全停止工作。我已经搜索过了,但没有找到任何关于原因的相关信息。有人能告诉我正确的方向吗?修复语法错误
function doneCheck() {
if(actualTemp == desiredTemp)
$('#actualBox').css({"background-color: green;"});
}
有一些语法错误,请更正这些错误并在需要的位置调用doneCheck()函数。
var desiredTemp=10;
var actualTemp=12;
var tempMatch=false;
变度时间=5;
var秒=度数时间;
$(文档).ready(函数(){
$(“#实际箱”).text(计时器(秒));
/*这将返回勾号和计数器函数的结果*/
功能计时器(秒){
返回实际值MP;
}
/*这将检查温度是否应下降1*/
函数tick(){
如果(秒===0){
实际值mp-=1;
秒=度数时间;
}
否则{
秒-=1;
$(“#实际箱”).text(计时器(秒));
}
}
/*这将设置每秒运行tick函数的计数间隔*/
函数计数器(){
计数=设置间隔(刻度,1000);
}
/*用于升高和降低所需温度的功能*/
函数更改温度(度){
所需TEMP+=学位;
}
函数showDesired(){
返回所需时间;
}
/*单击“开始”时,将运行计数器*/
$(“#开始”)。单击(函数(){
计数器();
});
$('#lowerTemp')。单击(函数(){
changeTemp(-1);
$('#desiredBox')。文本(showDesired());
});
$('#raiseTemp')。单击(函数(){
改变温度(1);
$('#desiredBox')。文本(showDesired());
});
});
函数doneCheck(){
如果(actualTemp==desiredTemp)
jQuery(“#actualBox”).css(“背景色”、“绿色”);
}
开始
洛维坦普
提升器
渴望的盒子
如果actualTemp==desiredTemp,则actualBox
代码>语法错误。如果(actualTemp==desiredTemp)
除上述内容外,还要学习使用控制台调试JS逻辑。按F12在浏览器中打开它。您将看到此处显示的错误和警告。