求个倒计时js
想要做个列表，每一个标题后面有自己的倒计时。比如：喜喜喜喜喜喜喜喜喜喜剩余10:22:34啊啊啊啊啊啊啊啊啊啊剩余09:06:12……等等多条截止时间需要是写在html代...
想要做个列表，每一个标题后面有自己的倒计时。
比如：
喜喜喜喜喜喜喜喜喜喜 剩余10:22:34
啊啊啊啊啊啊啊啊啊啊 剩余09:06:12
……等等多条
截止时间需要是写在html代码里的，因为要做多条的列表，每一行都有自己的截止时间。
3q各位。好人好报。
多谢各位。
我希望的是这个 截止时间 是放在html代码里。这样能实现么
-----------------------------------------
已找到代码，完美符合我的想法。谢谢各位的帮助。 展开
比如：
喜喜喜喜喜喜喜喜喜喜 剩余10:22:34
啊啊啊啊啊啊啊啊啊啊 剩余09:06:12
……等等多条
截止时间需要是写在html代码里的，因为要做多条的列表，每一行都有自己的截止时间。
3q各位。好人好报。
多谢各位。
我希望的是这个 截止时间 是放在html代码里。这样能实现么
-----------------------------------------
已找到代码，完美符合我的想法。谢谢各位的帮助。 展开
4个回答
展开全部
贴不了完整代码，下载附件吧
可以，稍微改动下就可以了
重新下载新的附件
追问
那个countDown("#colockbox1");这种能不能做成一个系列的代称呢？
只要是colockbox系列的都生效。
因为id="colockbox1"不能重复，数据多了可能会有id="colockbox1000"
这个也不好在js里对应的写1000行
countDown("#colockbo1");
…countDown("#colockbo1000");
原谅我的得寸进尺哈，碰到个好人不容易。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<script>
onload = function(){
var lis = document.querySelectorAll("li");
for(var i = 0; i < lis.length; i++){
(function(i){
var lii = lis[i];
var h = Math.floor(Math.random() * 1) + 1;
var m = Math.floor(Math.random() * 1);
var s = Math.floor(Math.random() * 1);
var now = new Date("1111/1/1,"+h+":"+m+":"+s);
lii.clock = now;
var span = lii.querySelector("span");
lii.interval = setInterval(function(){
var d = lii.clock;
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
if(h == 0 && m == 0 && s == 0){
clearInterval(lii.interval);
delete lii.interval;
span.innerHTML = "时间到";
return;
}
d.setSeconds(s-1);
s = d.getSeconds();
h = h < 10 ? "0" + h : h;
m = m < 10 ? "0" + m : m;
s = s < 10 ? "0" + s : s;
span.innerHTML = " 剩余 " + h + ":" + m + ":" + s;
}, 1000/60);
})(i);
}
}
</script>
</head>
<body>
<ul>
<li>
长白山
<span>
</span>
</li>
<li>
仙人掌
<span>
</span>
</li>
</ul>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个东西虽然不难，但是挺麻烦。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没有明白的你意思
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
