js计数器代码是什么样子的
来源:爱站网时间:2022-04-19编辑:网友分享
如果你想在js编程中设计一个计数器,但又不知道怎么编写这方面的代码,不妨来看看爱站技术频道小编所整理的资料,一定不会让你失望。具体文章内容请自行参考。
代码如下:
<script Language="javascript">
var seconds = 10;//记数时间
var handle;//事件柄
//开始记数器
function startTimer() {
handle = setInterval("timer()",1000);
}
//结束记数器
function stopTimer() {
clearInterval(handle);
seconds = 10;
document.all.redhacker.innerHTML = "10秒钟倒计时完成";
}
//计数器
function timer() {
seconds -= 1;
document.all.redhacker.innerHTML = "您还有 <font color='red'>" + seconds + "</font> 秒";
if (seconds == 0) {
stopTimer();
document.reTranForm.submit();
}
}
//1秒后显示计数器
setTimeout("startTimer()",1000);
</script>
<div id="redhacker"></div>
var seconds = 10;//记数时间
var handle;//事件柄
//开始记数器
function startTimer() {
handle = setInterval("timer()",1000);
}
//结束记数器
function stopTimer() {
clearInterval(handle);
seconds = 10;
document.all.redhacker.innerHTML = "10秒钟倒计时完成";
}
//计数器
function timer() {
seconds -= 1;
document.all.redhacker.innerHTML = "您还有 <font color='red'>" + seconds + "</font> 秒";
if (seconds == 0) {
stopTimer();
document.reTranForm.submit();
}
}
//1秒后显示计数器
setTimeout("startTimer()",1000);
</script>
<div id="redhacker"></div>
知道怎么在js中设计计数器了吧!看完后是不是觉得很简单呢?喜欢就来关注下我们爱站技术频道网站吧!各种经常文章等着你的发现。
上一篇:添加收藏夹代码如何做到兼容浏览器
下一篇:二级域名转向类的代码详情介绍