js实现展示时间上下连续滚动

最新推荐文章于 2023-09-22 11:22:39 发布

山阴路的秋天

最新推荐文章于 2023-09-22 11:22:39 发布

阅读量1.6k

点赞数

分类专栏： Java js

本文链接：https://blog.csdn.net/wang1253/article/details/80651877

版权

Java 同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

html中内容：

<span class="t">交易时段（北京时间）：</span>
<div class="c">
<ul id="scrollCtpTime">
<#list 0..(timesList?size - 1) as i>
<li>
<#if timesList.get(i).timeType==0>早盘：
<#elseif timesList.get(i).timeType==1>午盘：
<#elseif timesList.get(i).timeType==2>夜盘：
</#if>
${timesList.get(i).startTime!}-${timesList.get(i).endTime!}
<#if timesList.get(i).stopTime?exists && timesList.get(i).stopTime?length gt 0>，${timesList.get(i).stopTime}系统自动平仓
</#if>
</li>
</#list>
</ul>
</div>

</div>

js中内容：

<script>
var scroll;
function scrollCtp(){
scroll = null;
if ($('#scrollCtpTime').children('li').length >= 2) {
$('#scrollCtpTime').animate({
marginTop : '-24px'
}, 1500, function() {
if (scroll == null) {
$('#scrollCtpTime').children('li:first').appendTo($('#scrollCtpTime'));
$('#scrollCtpTime').css('marginTop', '0px');
scroll = setTimeout("scrollCtp()",1000);
}
});
}
}
$('#scrollCtpTime').parent().hover(function() {
if (scroll != null) {
clearTimeout(scroll);
scroll = null;
}
}, function() {
if (scroll == null) {
scroll = setTimeout("scrollCtp()", 1000);
}
});
scroll = setTimeout("scrollCtp()", 1000);
</script>