我想在网页中插入倒计时的功能

就是那种100。。。99。。。98。。。97的那种那个最大值由自己来确定按一个按钮就会开始倒计时，还有一个按钮是重置就代码哇是以秒为单位的~~~不要那种距离XX还有多少天... 就是那种100。。。99。。。98。。。97的那种
那个最大值由自己来确定
按一个按钮就会开始倒计时，还有一个按钮是重置
就代码哇
是以秒为单位的~~~不要那种距离XX还有多少天那种展开

 我来答

3个回答

#热议# 生活中有哪些实用的心理学知识？

大少爷
推荐于2016-06-13 · 我就是我，不一样的烟火。。。

大少爷

采纳数：23 获赞数：265

向TA提问私信TA

关注

展开全部

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8" />
<title>test1</title>
<script type="text/javascript">
function oval() {
var times = document.getElementById("times");
if (this.indexs == 0) {
clearTimeout(this.timer);
this.timer = null;
} else {
times.innerHTML = (!!this.indexs ? --this.indexs : this.indexs = 100) + "秒";
this.timer = setTimeout(oval, 1000);
}
}
</script>
</head>
<body>
<div id="times"></div>
<input type="button" value="start" onclick="oval();this.disabled=true" id="s"/>
<input type="button" value="reset" onclick="clearTimeout(window.timer); window.timer = null; document.getElementById('times').innerHTML='100秒'; window.indexs = 101;document.getElementById('s').disabled = false;" />
</body>
</html>

那个onclick="window.indexs = 101是设置成100秒的意思

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

yugi111
推荐于2016-05-16 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.4亿

我也去答题访问个人页

关注

展开全部

<html>
<head><title>test1</title>
</head>
<body>
<div id="times"></div>
<input type="button" value="reset" onclick="window.indexs = 101;" />
<script type="text/javascript">
var times = document.getElementById("times");
void (function oval() {
    if (this.indexs == 0) {
        clearTimeout(this.timer);
        this.timer = null;
    } else {
        times.innerHTML = (!!this.indexs ? --this.indexs : this.indexs = 100) + "秒";
        this.timer = setTimeout(oval, 1000);
    }
})();
</script>
</body>
</html>

更多追问追答
追问

可以加一个开始的按钮吗
追答

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test1</title>
<script type="text/javascript">
function oval() {
	 var times = document.getElementById("times");
    if (this.indexs == 0) {
        clearTimeout(this.timer);
        this.timer = null;
    } else {
        times.innerHTML = (!!this.indexs ? --this.indexs : this.indexs = 100) + "秒";
        this.timer = setTimeout(oval, 1000);
    }
}
</script>
</head>
<body>
<div id="times"></div>
<input type="button" value="start" onclick="oval();this.disabled=true" id="s"/>
<input type="button" value="reset" onclick="window.indexs = 101;document.getElementById('s').disabled = false;" />
</body>
</html>
追问

好神奇~~~求求你先别走
我再仔细看看你写的那个

那个onclick="window.indexs = 101是设置成100秒的意思吗
可我改变它的值好像倒计时的最大值并没有什么改变哇
追答



test1

function oval() {
	var times = document.getElementById("times");
    if (this.indexs == 0) {
        clearTimeout(this.timer);
        this.timer = null;
    } else {
        times.innerHTML = (!!this.indexs ? --this.indexs : this.indexs = 100) + "秒";
        this.timer = setTimeout(oval, 1000);
    }
}


追问

前一个和后一个感觉做出来的效果差不多哇
我再看看先
懂了一点点
这个this.indexs
在什么情况下会等于0？
追答

不知道了，困了

本回答被提问者采纳

已赞过 已踩过<

评论收起

529648105
2014-04-20 · TA获得超过137个赞

知道小有建树答主

回答量：417

采纳率：0%

帮助的人：95.9万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">

function start()
{
document.getElementById("time").innerHTML=document.getElementById("settime").value
changeTime()
}
function end()
{

document.getElementById("time").innerHTML=0
changeTime()
}
function changeTime() {
var time = parseInt(document.getElementById("time").innerHTML)
time--
if (time <= 0) {

}else {
document.getElementById("time").innerHTML = time
setTimeout(changeTime,1000)
}
}
</script>
</head>
<body>
<form id="form1" >
<div>
<p>
<input id="settime" type="text" value="5" />
<br />
<span id="time"></span>秒钟 </p>
<p>
<span id="btn1" onclick="start()">点我开始</span>
<span id="btn2" onclick="end()">点我结束</span>
</p>
</div>
</form>
</body>
</html>