jquery怎么写秒表,用jquery编写一个简单的数字时钟
来源:整理 编辑:航空兔素材 2023-07-16 11:55:41
本文目录一览
1,用jquery编写一个简单的数字时钟

2,如何用js设计一个秒表
试试这个<script language="javascript">var se,m=0,h=0,s=0,ss=1;function second()if((ss%100)==0)if(s>0 && (s%60)==0)if(m>0 && (m%60)==0)t=h+"时"+m+"分"+s+"秒"+ss+"毫秒";document.getElementById("showtime").value=t;ss+=1;}function startclock()function pauseclock()function stopclock()</script><input name="s" type="button" value="开始计时" onclick="startclock()"><input name="s" type="button" value="暂停计时" onclick="pauseclock()"><input name="s" type="button" value="停止计时" onclick="stopclock()"><input name="showtime" style="color:#ff0000;width:200px;" id="showtime" type="text" value="0时0分0秒">
3,如何用js设计一个秒表
试试这个<script language="javascript">var se,m=0,h=0,s=0,ss=1;function second()if((ss%100)==0)if(s>0 && (s%60)==0)if(m>0 && (m%60)==0)t=h+"时"+m+"分"+s+"秒"+ss+"毫秒";document.getElementById("showtime").value=t;ss+=1;}function startclock()function pauseclock()function stopclock()</script><input name="s" type="button" value="开始计时" onclick="startclock()"><input name="s" type="button" value="暂停计时" onclick="pauseclock()"><input name="s" type="button" value="停止计时" onclick="stopclock()"><input name="showtime" style="color:#ff0000;width:200px;" id="showtime" type="text" value="0时0分0秒">android的程序界面,找到名为图标:时钟,点击进入四个项目,闹钟,世界时钟,秒表,倒计时。您可以选择报警的那一个,看看里面是否有可以删除的闹钟。
4,jquery如何实现倒计时效果
<!--载入jQuery库-->
<script type="text/javascript" src=" http://code.jquery.com/jquery-1.7.2.min.js">
<!--min为分钟,sec为秒钟-->
<div><span id="min"></span>:<span id="sec"></span></div>
<script>
var timerc=0; //全局时间变量(秒数)
function add(){ //加时函数
if(timerc < 300){ //如果不到5分钟
++timerc; //时间变量自增1
$("#min").html(parseInt(timerc/60)); //写入分钟数
$("#sec").html(Number(parseInt(timerc%60/10)).toString()+(timerc%10)); //写入秒数(两位)
setTimeout("add()", 1000); //设置1000毫秒以后执行一次本函数
};
};
add(); //首次调用add函数
</script>学过循环队列和递归算法比较好理解我的代码吧。。。
<html>
<head>
<title>jquery实现倒计时效果</title>
<script type="text/javascript" src="jq/jquery.js"></script>
<script type="text/javascript">
var min , minTxt; //记录分
var secDecade , secDecadeTxt; //记录秒的十位
var secUnit , secUnitTxt; //记录秒的个位
var MAXMIN = 5; //记录最大限时分
var minSwitch = false; //秒的十位和分是否开始记录的开关
$(document).ready(function() {
//初始化分、秒的十位、秒的个位
minTxt = $("table tr td:eq(0)");
secDecadeTxt = $("table tr td:eq(2)");
secUnitTxt = $("table tr td:eq(3)");
min = parseInt(minTxt.html());
secDecade = parseInt(secDecadeTxt.html());
secUnit = parseInt(secUnitTxt.html());
refresh();//调用refresh函数
});
function refresh() {
//如果分小于5,则递归调用refresh函数
if (min < MAXMIN) {
secUnit = ++secUnit % 10;
secUnitTxt.html(secUnit);//显示秒的个位
if (minSwitch && secUnit == 0) {
secDecade = ++secDecade % 6;
secDecadeTxt.html(secDecade);//显示秒的十位
if (secDecade == 0)
minTxt.html(++min);//显示分
}
minSwitch = true;//由于记录秒的个位即secUnit初始值为-1,所以第一秒后不 必将秒的十位自增,第二秒开始将此开关打开
setTimeout("refresh()", 1000);//每1秒刷新一次数据
}
}
</script>
</head>
<body>
<table>
<tr>
<td>
0
</td>
<td>
:
</td>
<td>
0
</td>
<td>
-1
</td>
</tr>
</table>
</body>
</html>
文章TAG:
jquery 怎么 秒表 编写 jquery怎么写秒表