Javascript JS秒表/倒计时:秒变为3位数
我必须创建一个组合秒表和倒计时-它的工作正常,但由于某种原因,我的秒表秒数变化为3位,当它达到10。不确定if/else语句中的代码有什么问题!任何想法都是非常感谢的…完全是为了这个。它应该是分/秒/百分之一的格式。谢谢大家!Javascript JS秒表/倒计时:秒变为3位数,javascript,Javascript,我必须创建一个组合秒表和倒计时-它的工作正常,但由于某种原因,我的秒表秒数变化为3位,当它达到10。不确定if/else语句中的代码有什么问题!任何想法都是非常感谢的…完全是为了这个。它应该是分/秒/百分之一的格式。谢谢大家! //启动秒表函数并声明变量 var hundr=10; var分钟=0; var秒=0; var秒表=0; //开始秒表 函数startStopwatch(){ “严格使用”; 秒表=设置间隔('setUp()',100); } //函数显示计时器是否达到60秒,显示一
//启动秒表函数并声明变量
var hundr=10;
var分钟=0;
var秒=0;
var秒表=0;
//开始秒表
函数startStopwatch(){
“严格使用”;
秒表=设置间隔('setUp()',100);
}
//函数显示计时器是否达到60秒,显示一个警告,提示“Time up!”,否则,继续递增百分之一百/秒
函数设置(){
var setTime=document.getElementById('output');
hundr+=10;
如果(hundr==100){
秒++;
hundr=0;
}
如果(秒==60){
分钟++;
秒=0;
setTime.innerHTML=“计时!”;
间隔时间(秒表);
返回;
}
//显示秒表的if/else语句-如果秒/分钟数小于10,则显示零。
如果(秒<10){
setTime.innerHTML='0'+分钟+':0'+秒+':'+hundr;
}否则{
setTime.innerHTML='0'+分钟+':'+秒+':'+hundr;
}
如果(hundr<10){
setTime.innerHTML='0'+分钟+':0'+秒+':0'+hundr;
}否则{
setTime.innerHTML='0'+分钟+':0'+秒+':'+hundr;
}}
//启动倒计时函数并声明变量
var-ms=99;
var-mins=0;
var-secs=60;
var倒计时=0;
函数startCountdown(){
“严格使用”;
倒计时=设置间隔('incrTimer()',10);
}
函数incrTimer(){
“严格使用”;
var regMatch=document.getElementById(“输出”).value;
var regex=/^\d{0-2}:\d{0-2}:\d{0-2}$/;
if(regex.test(regMatch)){
document.getElementById(“调试”).innerHTML=“有效”;
}否则{
document.getElementById(“调试”).innerHTML=“无效-请检查您的代码”;
}
var setCountd=document.getElementById('output');
ms--;
如果(ms==-1){
秒--;
ms=99;
}
如果(秒==-1){
闵--;
秒=59;
setCountd.innerHTML=“计时!”;
清除间隔(倒计时);
警报(“超时”);
返回;
}
//显示倒计时的if/else语句-如果秒/分钟数小于10,则在数字前显示零。
如果(秒>10){
setCountd.innerHTML='0'+mins+':'+secs+':'+ms;
}否则{
setCountd.innerHTML='0'+mins+':'+secs+':'+ms;
}
如果(ms<10){
setCountd.innerHTML='0'+mins+':'+secs+':0'+ms;
}否则{
setCountd.innerHTML='0'+mins+':'+secs+':'+ms;
}}
//结束函数incrTimer()
函数stopTimer(){//暂停秒表和倒计时的输出
清除超时(秒表);
清除超时(倒计时);
}//结束函数stopTimer()
函数clearOutput(){//清除输出并还原div区域
document.getElementById(“输出”).innerHTML=“”;
}//结束函数clearOutput
#输出{
宽度:300px;
高度:25px;
背景色:#e4e3db;
边框:1px实心#c3c4bc;
}
跨度{
填充:5px10px 5px10px;
背景色:#00FFFF;
}
氢{
字体系列:Arial;
颜色:#799b3d;
}
h4{
字体系列:Arial;
字体:斜体;
颜色:#1f8da8;
}
#调试{
边框:1px纯红;
宽度:620px;
填充:10px;
字体大小:小;
颜色:蓝色;
背景色:#FFFF99;
}
最终的
秒表或倒计时
秒表
倒计时
停止
重置
调试开/关
隐藏调试
此空间保留用于事件输出信息
//显示秒表的if/else语句-如果秒/分钟数小于10,则显示零。
如果(秒<10){
setTime.innerHTML='0'+分钟+':0'+秒+':'+hundr;
}否则{
setTime.innerHTML='0'+分钟+':'+秒+':'+hundr;
}
//下一个块覆盖前4行代码
如果(hundr<10){
//在下一行中,第二个可以是任意添加的“0”
setTime.innerHTML='0'+分钟+':0'+秒+':0'+hundr;
}否则{
setTime.innerHTML='0'+分钟+':0'+秒+':'+hundr;
如何让它工作
setTime.innerHTML = (minutes < 10 ? '0' + minutes : minutes)
+ ':' + (seconds < 10 ? '0' + seconds : seconds)
+ ':' + (hundr < 10 ? '0' + hundr : hundr);
setTime.innerHTML=(分钟<10?'0'+分钟:分钟)
+“:”+(秒数<10?'0'+秒数:秒)
+“:”+(hundr<10?'0'+hundr:hundr);
//启动秒表函数并声明变量
var hundr=10;
var分钟=0;
var秒=0;
var秒表=0;
//开始秒表
函数startStopwatch(){
“严格使用”;
秒表=设置间隔('setUp()',100);
}
//函数显示计时器是否达到60秒,显示一个警告,提示“Time up!”,否则,继续递增百分之一百/秒
函数设置(){
var setTime=document.getElementById('output');
hundr+=10;
如果(hundr==100){
秒++;
hundr=0;
}
如果(秒==60){
分钟++;
秒=0;
setTime.innerHTML=“计时!”;
间隔时间(秒表);
返回;
}
//显示秒表的if/else语句-if秒数
setTime.innerHTML = (minutes < 10 ? '0' + minutes : minutes)
+ ':' + (seconds < 10 ? '0' + seconds : seconds)
+ ':' + (hundr < 10 ? '0' + hundr : hundr);
// start stopwatch function and declare variables
var hundr = 10;
var minutes = 0;
var seconds = 0;
var stopwatch = 0;
// begin stopwatch
function startStopwatch(){
"use strict";
stopwatch = setInterval('setUp()', 100);
}
// function to show if the timer reaches 60 seconds, display an alert that says "Time up!" Otherwise, continue incrementing hundredths/seconds
function setUp(){
var setTime = document.getElementById('output');
hundr+=10;
if (hundr == 100) {
seconds++;
hundr = 0;
}
if (seconds == 60) {
minutes++;
seconds = 0;
setTime.innerHTML = "Time up!";
clearInterval(stopwatch);
return;
}
// if/else statement to display stopwatch - if number of seconds/minutes are less than 10, display a zero.
if(seconds < 10){
setTime.innerHTML = '0' + minutes + ':0' + seconds + ':' + hundr;
} else {
setTime.innerHTML = '0' + minutes + ':' + seconds + ':' + hundr;
}
var secLabel = seconds > 10 ? ':' +seconds : ':0' + seconds;
if(hundr < 10) {
setTime.innerHTML = '0' + minutes + secLabel + ':0' + hundr;
} else {
setTime.innerHTML = '0' + minutes + secLabel + ':' + hundr;
}}
// start countdown function and declare variables
var ms = 99;
var mins = 0;
var secs = 60;
var countdown = 0;
function startCountdown(){
"use strict";
countdown = setInterval('incrTimer()', 10);
}
function incrTimer(){
"use strict";
var regMatch = document.getElementById("output").value;
var regex = /^\d{0-2}:\d{0-2}:\d{0-2}$/;
if (regex.test(regMatch)) {
document.getElementById("debug").innerHTML = "valid";
} else {
document.getElementById("debug").innerHTML = "invalid - please check your code";
}
var setCountd = document.getElementById('output');
ms--;
if (ms == -1) {
secs--;
ms = 99;
}
if(secs == -1){
min--;
secs = 59;
setCountd.innerHTML = "Time up!";
clearInterval(countdown);
alert('Time up');
return;
}
// if/else statement to display countdown - if number of seconds/minutes are less than 10, display a zero in front of number.
if(secs > 10){
setCountd.innerHTML = '0' + mins + ':' + secs + ':' + ms;
} else {
setCountd.innerHTML = '0' + mins + ':' + secs + ':' + ms;
}
if(ms < 10) {
setCountd.innerHTML = '0' + mins + ':' + secs + ':0' + ms;
} else {
setCountd.innerHTML = '0' + mins + ':' + secs + ':' + ms;
}}
// end function incrTimer()
function stopTimer() { // pauses the output for both the stopwatch and the countdown timer
clearTimeout(stopwatch);
clearTimeout(countdown);
} // end function stopTimer()
function clearOutput() { // clear output and restore div area
document.getElementById("output").innerHTML = "";
} // end function clearOutput