这段代码展示了如何使用JavaScript实现一个计时器，并提供开始、结束和重置功能。计时器显示毫秒、秒和分钟，同时有一个随机数字段不断更新。点击开始按钮启动计时器，结束按钮停止，重置按钮则将所有计时重置为零。
var time1 = "";
var millisecond_num = 0;
var second_num = 0;
var rendom_num = 0;
var min_num = 0;
var onoff = true;
$(".start").on("click", function() {
if (onoff) {
onoff = false;
time1 = setInterval(function() {
millisecond_num++;
rendom_num++;
if (rendom_num >= 9) {
rendom_num = 0;
}
$(".rendom").html(rendom_num);
if (millisecond_num <= 9) {
$(".millisecond").html(("0" + millisecond_num));
} else if (millisecond_num >= 10 && millisecond_num <= 99) {
$(".millisecond").html(millisecond_num);
} else if (millisecond_num >= 99) {
millisecond_num = 0;
second_num++;
$(".millisecond").html(("0" + millisecond_num));
if (second_num <= 9) {
$(".second").html(("0" + second_num));
} else if (second_num >= 59) {
min_num++;
if (min_num <= 9) {
$(".min").html(("0" + min_num));
} else {
$(".min").html(min_num);
}
} else {
$(".second").html((second_num));
}
}
}, 10)
}
})
$(".end").on("click", function() {
onoff = true;
clearInterval(time1);
})
$(".reset").on("click", function() {
min_num = 0;
rendom_num = 0;
millisecond_num = 0;
second_num = 0;
clearInterval(time1);
$(".millisecond").html("00");
$(".second").html("00");
$(".rendom").html("0");
$(".min").html("00");
onoff = true;
})
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
