分享一个自己写的jquery倒计时小插件
前两天帮人写的
jquery.countdown.js
(function($){
var countdown = function(item, config)
{
var seconds = parseInt($(item).attr(config.attribute));
var timer = null;
var doWork = function()
{
if(seconds >= 0)
{
if(typeof(config.callback) == "function")
{
var data = {
total : seconds ,
second : Math.floor(seconds % 60) ,
minute : Math.floor((seconds / 60) % 60) ,
hour : Math.floor((seconds / 3600) % 24) ,
day : Math.floor(seconds / 86400)
};
config.callback.call(item, seconds, data, item);
}
seconds --;
}else{
window.clearInterval(timer);
}
}
timer = window.setInterval(doWork, 1000);
doWork();
};
var main = function()
{
var args = arguments;
var config = { attribute : 'data-seconds', callback : null };
if(args.length == 1)
{
if(typeof(args[0]) == "function") config.callback = args[0];
if(typeof(args[0]) == "object") $.extend(config, args[0]);
}else{
config.attribute = args[0];
config.callback = args[1];
}
$(this).each(function(index, item){
countdown.call(item, item, config);
});
};
$.fn.countdown = main;
})(jQuery);
demo.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.countdown.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$('ul').countdown(function(s, d){
var items = $(this).find('span');
items.eq(0).text(d.total);
items.eq(1).text(d.second);
items.eq(2).text(d.minute);
items.eq(3).text(d.hour);
items.eq(4).text(d.day);
});
});
</script>
<ul data-seconds="3344">
<li>总共<span>-</span>秒</li>
<li><span>-</span>秒</li>
<li><span>-</span>分</li>
<li><span>-</span>时</li>
<li><span>-</span>天</li>
</ul>
<ul data-seconds="97545">
<li>总共<span>-</span>秒</li>
<li><span>-</span>秒</li>
<li><span>-</span>分</li>
<li><span>-</span>时</li>
<li><span>-</span>天</li>
</ul>
<ul data-seconds="10">
<li>总共<span>-</span>秒</li>
<li><span>-</span>秒</li>
<li><span>-</span>分</li>
</ul>
</body>
</html>
[解决办法]
支持一下。。。
[解决办法]
支持一把.
[解决办法]
支持带学习
[解决办法]
ding
[解决办法]
非常的好
------解决方案--------------------
支持了。
[解决办法]
顶一下 学习学习！
[解决办法]
支持支持^_^
[解决办法]
顶一下 学习学习！
[解决办法]
不错，不过稍微加点注释会更好
[解决办法]
顶一下~~
[解决办法]
额，没运行图。。。
[解决办法]
必须顶！
[解决办法]
不喜欢java
[解决办法]
以后估计会用到。。
[解决办法]
真的不错哦。很难有这么好的了
[解决办法]
羡慕技术人员啊
[解决办法]
这好似什么东西啊 我 不认识啊
[解决办法]
丁~~~~~~~~~~~~~~~~~~
[解决办法]
写在一个文件里岂不是更好
[解决办法]
建议倒计时间修改成可接受用户输入，而且貌似程序性能不是很高
[解决办法]
learning
[解决办法]
支持一下 学习学习
[解决办法]
顶一下~~
[解决办法]
学习一下。
[解决办法]
学习。
[解决办法]
java目前还只在我的以后行程中啊，飘过...
[解决办法]
复制时代吗？把代码改了就一样有人懂！
[解决办法]
知道SS程序比例是不可以化分的基本都要合成%100例如39%&61%=100% 懂？
[解决办法]
订！~~~
[解决办法]
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.countdown.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$('ul').countdown(function(s, d){
var items = $(this).find('span');
items.eq(0).text(d.total);
items.eq(1).text(d.second);
items.eq(2).text(d.minute);
items.eq(3).text(d.hour);
items.eq(4).text(d.day);
});
});
</script>
<ul data-seconds="3344">
<li>总共<span>-</span>秒</li>
<li><span>-</span>秒</li>
<li><span>-</span>分</li>
<li><span>-</span>时</li>
<li><span>-</span>天</li>
</ul>
<ul data-seconds="97545">
<li>总共<span>-</span>秒</li>
<li><span>-</span>秒</li>
<li><span>-</span>分</li>
<li><span>-</span>时</li>
<li><span>-</span>天</li>
</ul>
<ul data-seconds="10">
<li>总共<span>-</span>秒</li>
<li><span>-</span>秒</li>
<li><span>-</span>分</li>
</ul>
</body>
</html>
[解决办法]
倒计时小插件,顶一下。
[解决办法]
顶一下 学习学习！
[解决办法]
这什么东西哦 看不懂
[解决办法]
我咋运行不了呢
[解决办法]
支持，定下！
[解决办法]
支持一下
[解决办法]
顶一下！！！！！！！
[解决办法]
额~ 有点用。 不过这段时间在java上用的少了
[解决办法]
不错。学习了哦。