使用jquery如何做一个简单的倒计时表,求解答,具体如下: 15
已知一个总时间的秒数,如一个小时就是传入参数3600,span上显示为01:00:00,当页面加载后开始倒计时,直到变为00:00:00计时结束,去做其他操作,方法名为t...
已知一个总时间的秒数,如一个小时就是传入参数3600,span上显示为01:00:00,当页面加载后开始倒计时,直到变为00:00:00计时结束,去做其他操作,方法名为timer(totaltime),现在就是不知道该如何做这个计时器方法,新手求助!
展开
展开全部
<!DOCTYPE HTML>
<html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
var totaltime = 3600, tout;
var timer = function (totaltime)
{
var reg = /^\d$/;
var h = Math.floor (totaltime / 60 / 60);
h = reg.test (h) ? "0" + h : h;
var m = Math.floor (totaltime / 60 % 60);
m = reg.test (m) ? "0" + m : m;
var s = Math.floor (totaltime % 60);
s = reg.test (s) ? "0" + s : s;
var str = h + ":" + m + ":" + s;
$ ("span").text (str);
if (str == "00:00:00")
{
clearTimeout (tout);
return;
}
tout = setTimeout (function ()
{
timer (--totaltime);
}, 1000);
};
jQuery (function ($)
{
timer (totaltime);
});
</script>
</head>
<body>
<span> </span>
</body>
</html>
推荐于2017-07-21
展开全部
其实最主要的就是
1.把totaltime转换成时:分:秒;在span赋值,
2.开始倒计时的算法,时分秒一次减,直到结束。
花时间其实都可以自己写代码实现,就是一个计时器的功能。但是如果说到Jquery的话,早就有jQuery Timers这样的库,可以拜读下里面的源码,也可以直接拿来用。希望帮到你。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询