目前我正在使用javascript制作秒表(确切地说是jquery)。
<body>
<div class="background">
<div class="stopwatch-background">
<div class="boxes">
<div class="border" id="minuteText"></div>
<div class="big-semicolon">:</div>
<div class="border" id="secondText"></div>
</div>
<div class="button-holder">
<button class="btn btn-primary" id="start">Start</button>
<button class="btn btn-primary" id="pause">Pause</button>
<button class="btn btn-primary" id="reset">Reset</button>
</div>
</div>
</div>
<script type="text/javascript" >
var start = false;
var minuteHand = 30;
var secondHand = 60;
function setDefault(){
minuteHand = 30;
secondHand = 60;
}
function DecreaseValue() {
if (start) {
UpdateText();
if (minuteHand >= 1) {
if (secondHand >= 1) {
secondHand--;
} else if (secondHand == 0) {
minuteHand--;
secondHand = 60;
}
}
}
}
function UpdateText() {
$("#minuteText").html = minuteHand;
$("#secondText").html = secondText;
}
$("#start").click(function () {
start = true;
});
$("#pause").click(function () {
start = false;
});
$("#reset").click(function () {
setDefault();
start = false;
});
setInterval(DecreaseValue, 1000);
</script>
</body>
问题是$(“#start”)。html没有改变任何内容。我也不确定我的其他代码是否有效。请帮我。我没有发布任何CSS。
答案 0 :(得分:2)
用于设置html内容的jquery语法如下所示,
function UpdateText() {
$("#minuteText").html(minuteHand);
$("#secondText").html(secondHand);
}
.html是一个方法,值应该作为参数传递给它。看看documentation。您还需要将secondHand设置为html内容而不是secondText。
答案 1 :(得分:0)
试试这个:
$("#minuteText").html(minuteHand+"");
$("#secondText").html(secondHand+"");