您的位置：首页 > Web前端 > JavaScript

JS实现的倒计时(时、分、秒)

2011-03-17 21:06 369 查看

JS实现的倒计时(时、分、秒)

这两天刚学习了JavaScript脚本语言基础加强，于是便写出了一个用JavaScript实现的倒计时小脚本。看代码：

<html>

<head>

<mce:script type="text/javascript"><!--
var vartime, h, m, s, hstr, mstr, sstr;

var xtime = 1.5 * 60 * 60; //定义总时间，可以根据需要决定，我这里是90分钟

function timeclock() {

if (xtime >= 0) {

h = parseInt(xtime / 3600); //获取小时

m = parseInt((xtime % 3600) / 60); //获取分钟

s = (xtime % 3600) % 60; //获取秒数

//以下是将单字符转为双字符

hstr = h < 10 ? ("0" + h) : h;

mstr = m < 10 ? ("0" + m) : m;

sstr = s < 10 ? ("0" + s) : s

vartime = hstr + ":" + mstr + ":" + sstr;

document.getElementById("timer").value = vartime;

xtime--;

setTimeout("timeclock();", 1000);

} else {

clearTimeout("timeclock();")

var flag = confirm("时间到，单击“确定”以提交");

if (flag) {

document.forms[0].submit();

} else {

window.close("./demo4.jsp");

}

}

}
// --></mce:script>
</head>
<body>
<center>
<form action="./index.jsp" method="post">
剩余时间：
<input type="text" id="timer" name="txt" size="4"
readonly="readonly" />

<input type="button" value="开始" onclick="timeclock();" />
</form>
</center>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航