实现div轮播 并倒计时显示
来源:互联网 发布:免费的高分辨率数据 编辑:程序博客网 时间:2024/05/16 17:03
<script>
$(function(){
var sum = $("#activity_ad > div").length;
$('#activity_ad div:lt('+ sum + ')').hide().eq(0).show();
var i=0,divarr = $('#activity_ad div:lt('+ sum + ')'),tempArray = new Array();
for(i;i<divarr.length;i++){
//var div = $('#activity_ad div:lt('+ sum + ')').eq(i);
var div = $('#activity_ad div:lt('+ sum + ')').eq(i);
var begintime = div.attr('begintime');
var endtime = div.attr('endtime');
//倒计时用到
if((new Date()).getTime()>(new Date(begintime)).getTime() && (new Date()).getTime()<(new Date(endtime)).getTime()){
tempArray.push(div);
}
}
i=0,t=tempArray.length;
var tmp = setInterval(function () {
$('#activity_ad div:lt('+ sum + ')').hide();
i++;
if(i>t-1){i=0}
tempArray[i].fadeIn('slow');
}, 5000);
});
$(function(){
var sum = $("#activity_ad > div").length;
$('#activity_ad div:lt('+ sum + ')').hide().eq(0).show();
var i=0,divarr = $('#activity_ad div:lt('+ sum + ')'),tempArray = new Array();
for(i;i<divarr.length;i++){
//var div = $('#activity_ad div:lt('+ sum + ')').eq(i);
var div = $('#activity_ad div:lt('+ sum + ')').eq(i);
var begintime = div.attr('begintime');
var endtime = div.attr('endtime');
//倒计时用到
if((new Date()).getTime()>(new Date(begintime)).getTime() && (new Date()).getTime()<(new Date(endtime)).getTime()){
tempArray.push(div);
}
}
i=0,t=tempArray.length;
var tmp = setInterval(function () {
$('#activity_ad div:lt('+ sum + ')').hide();
i++;
if(i>t-1){i=0}
tempArray[i].fadeIn('slow');
}, 5000);
});
</script>
<div id="activity_ad">
<div begintime="9/1/2012 0:00:0" endtime="9/30/2012 0:00:0">哈哈1</a>
<div begintime="9/1/2012 0:00:0" endtime="9/30/2012 0:00:0">哈哈2</a>
<div begintime="9/1/2012 0:00:0" endtime="9/30/2012 0:00:0">哈哈3</a>
</div>
- 实现div轮播 并倒计时显示
- JQuery-倒计时显示并跳转
- 用flash制作一个倒计时(并插入宣传视频轮播)
- div轮播
- iOS实现倒计时label显示
- angular中页面倒计时自动跳转,并显示出倒计时。
- 通用代码:发送短信并显示倒计时
- ViewPager网络加载图片并无限轮播实现
- 实现一个轮播控件并封装起来
- 背景图片切换实现轮播效果,并解决抖动问题
- js实现两个div左右并列显示,并实现点击标题,切换内容显示
- DIV+CSS+javascript实现DIV对象显示在页面任何位置,并随滚动条移动
- jquery实现图片无缝轮播显示(个人随笔)
- ViewPager实现图片轮播,下方带小点显示当前位置
- JavaScript实现图片轮播和鼠标悬停显示
- DIV并排显示并换行
- 【转】js倒计时并实现页面跳转
- JQuery实现页面倒计时并刷新
- Slow performance occurs when you copy data to a TCP server by using a Windows Sockets API program
- Debian下软件安装卸载
- redis数据类型与基本操作
- Eclipse 3.7(Indigo)安装google插件
- android Preference之android:dependency(列表依赖关系)
- 实现div轮播 并倒计时显示
- .NET软件工程师职业规划
- 目标检测的图像特征提取之(三)Haar特征
- 关于JS的页面跳向问题
- 程序员的九阳真经
- android中的所有activity间动画跳转
- iOS正则表达式的使用
- Java读取Properties文件的六种方法
- DataGridView控件用法合集