注册 登录
编程论坛 ASP技术论坛

求一段秒表代码 实现自动暂停功能

xiapi 发布于 2011-10-09 11:02, 1194 次点击
在网上找了一段简单的秒表代码,想加入一个功能:每隔一定时间就自动暂停一次,比如我想让它每隔10秒就自动暂停一次,当它走到10就会自动停下来,然后我点继续它会接着走,走到20它又会自动停下来,依次。。
小弟的JS学的实在太菜,求助各位大侠。下面是我找的一个代码,用不用这个都可以,只要实现功能就可以,先谢谢了!
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.">
<html xmlns="http://www.">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
var zt;
var jsk,jsx,jssum=0;
var typetime;
zt=0; //zt=0 停止|zt=1计时|zt=2暂停
</script>
<script language="javascript">
function js()
{
if(zt==1)
{
var now=new Date();
jsx=now.getTime();
typetime=jssum+(jsx-jsk)/1000;
document.form1.Textbox1.value=typetime.toFixed(3);
}
}
function ktsubmit()
{
if(zt==0)
{
zt=1;
var now=new Date();
jsk=now.getTime();
document.form1.button1.value="停止";
document.form1.button2.disabled=false;
}
else
{
zt=0;
document.form1.button1.value="开始";
document.form1.button2.value="暂停";
document.form1.button2.disabled=true;
document.form1.Textbox1.value="0.000";
jssum=0;
}

}
function zjsubmit()
{
if(zt==1)
{
zt=2;
jssum=jssum+(jsx-jsk)/1000
document.form1.button2.value="继续";
}
else
{
zt=1;
var now=new Date();
jsk=now.getTime();
document.form1.button2.value="暂停";
}
}

setInterval("js()",1)

</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input name="Textbox1" type="text" id="Textbox1" value="0.000" />
<input type="button" name="button1" id="button1" value="开始" onclick="ktsubmit()"/>
<input type="button" name="button2" id="button2" value="暂停" onclick="zjsubmit()" disabled="disabled"/>
</form>
</body>
</html>
4 回复
#2
wangjy5002011-10-09 21:01
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

transitional.dtd">
<html xmlns="http://www.">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script language="javascript">
var zt;
var jsk,jsx,jssum=0;
var typetime;
zt=0; //zt=0 停止|zt=1计时|zt=2暂停
</script>
<script language="javascript">
function js()
{
if(zt==1)
{
var now=new Date();
jsx=now.getTime();
typetime=jssum+(jsx-jsk)/1000;
if(typetime.toFixed(2)%10.00==0)
  {

 if(typetime.toFixed(2)!=0.00){
zjsubmit();}
}
document.form1.Textbox1.value=typetime.toFixed(2);

}
}
function ktsubmit()
{
if(zt==0)
{
zt=1;
var now=new Date();
jsk=now.getTime();
document.form1.button1.value="停止";
document.form1.button2.disabled=false;
}
else
{
zt=0;
document.form1.button1.value="开始";
document.form1.button2.value="暂停";
document.form1.button2.disabled=true;
document.form1.Textbox1.value="0.000";
jssum=0;
}

}
function zjsubmit()
{
if(zt==1)
{
zt=2;
jssum=jssum+(jsx-jsk)/1000
document.form1.button2.value="继续";
}
else
{
zt=1;
var now=new Date();
jsk=now.getTime();
document.form1.button2.value="暂停";
}
}

setInterval("js()",1)

</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input name="Textbox1" type="text" id="Textbox1" value="0.00" />
<input type="button" name="button1" id="button1" value="开始" onclick="ktsubmit()"/>
<input type="button" name="button2" id="button2" value="暂停" onclick="zjsubmit()" disabled="disabled"/>
</form>
</body>
</html>
仅供参考!
#3
wangjy5002011-10-09 21:02
仅供参考!

[ 本帖最后由 wangjy500 于 2011-10-9 21:42 编辑 ]
#4
yms1232011-10-10 14:32
<script language="javascript">
var zt;
var jsk,jsx,jssum=0;
var typetime;
var iTime;
zt=0; //zt=0 停止|zt=1计时|zt=2暂停
</script>
<script language="javascript">
function js()
{
if(zt==1)
{
var now=new Date();
jsx=now.getTime();
typetime=jssum+(jsx-jsk)/1000;
document.form1.Textbox1.value=typetime.toFixed(3);
}
}
function ktsubmit()
{
if(zt==0)
{
zt=1;
var now=new Date();
jsk=now.getTime();
document.form1.button1.value="停止";
document.form1.button2.disabled=false;
}
else
{
zt=0;
document.form1.button1.value="开始";
document.form1.button2.value="暂停";
document.form1.button2.disabled=true;
document.form1.Textbox1.value="0.000";
jssum=0;
}

}
function zjsubmit()
{
if(zt==1)
{
zt=2;
jssum=jssum+(jsx-jsk)/1000
document.form1.button2.value="继续";
window.clearInterval(iTime);//js停止方法
}
else
{
zt=1;
var now=new Date();
jsk=now.getTime();
document.form1.button2.value="暂停";
}
}

iTime=window.setInterval("js()",1)

</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input name="Textbox1" type="text" id="Textbox1" value="0.000" />
<input type="button" name="button1" id="button1" value="开始" onclick="ktsubmit()"/>
<input type="button" name="button2" id="button2" value="暂停" onclick="zjsubmit()" disabled="disabled"/>
</form>
</body>
</html>
#5
xiapi2011-10-11 08:25
感谢wangjy500和yms123的帮助,谢谢!
1