<html >
<head>
<title>setTimerOut</title>
<meta />
</head>
<body >
<div id="container" style="overflow:hidden;height:60px ;cursor:pointer;border:1px solid red" onmouseover="stopSetTimeOut();" onmouseout="startSetTimeOut();">
<div id="reMsg" >style="border:1px solid blue"</div>
<div id="joinMsg" >style="border:1px solid yellow"</div>
</div>
</body>
</html>
<script>var v_setTimeOut=null;
var i=0,j=0,k=0,m=0,n=0;
var container= document.getElementById("container");
var joinMsg= document.getElementById("joinMsg");
var reMsg= document.getElementById("reMsg");
function getMsg(){
reMsg.innerHTML ="<span title='请求数据库"+(++i)+"'>请求数据库"+(i)+"</span>";
reMsg.innerHTML +="<br><span title='请求数据库"+(++j)+"'>测试数据"+(j)+"</span>";
reMsg.innerHTML +="<br><span title='请求数据库"+(++k)+"'>您好,太平洋服务小姐"+(k)+"</span>";
reMsg.innerHTML +="<br><span title='请求数据库"+(++m)+"'>理赔满意回访"+(m)+"</span>";
reMsg.innerHTML +="<br><span title='请求数据库"+(++n)+"'>什么什么的"+(n)+"</span>";
joinMsg.innerText=reMsg.innerText;
stopSetTimeOut();
setTimeout("getMsg()",5000);
//container.scrollTop=0;
showMsg();
}
getMsg();
//demo2.innerText=demo1.innerText
function showMsg(){
if (container.offsetHeight < reMsg.offsetHeight)
{
if(joinMsg.offsetTop-container.scrollTop<=0){
container.scrollTop-=reMsg.offsetHeight
}else{
container.scrollTop++;
}
startSetTimeOut();
}else{
joinMsg.innerText="";
}
}
function startSetTimeOut(){
v_setTimeOut = setTimeout("showMsg()",200);
}
function stopSetTimeOut(){
clearTimeout(v_setTimeOut);
}
</script>
分享到：
相关推荐
跑马灯是一种常见的电子显示效果，常用于LED灯带或显示屏上，呈现出连续滚动的视觉效果。在本项目中，我们将关注的是使用TMS320F28335 DSP（数字信号处理器）来实现跑马灯功能。TMS320F28335是德州仪器（TI）生产的...
跑马灯程序是一种常见的电子工程实践，特别是在数字信号处理（DSP）领域，它常用于教学和实验，以帮助初学者理解基本的定时器中断和控制序列。标题中的“DSP跑马灯奇数”可能指的是一个特定的设计，它可能强调了在...
在电子工程领域，尤其是嵌入式系统设计中，"按键控制跑马灯启停"是一项常见的实践任务。这里我们主要探讨如何使用CC2530微控制器来实现这一功能。 CC2530是一款由Texas Instruments公司生产的高性能、低功耗的无线...
本教程将围绕如何使用CC2530实现按键控制的跑马灯程序进行详细讲解。 首先，跑马灯是一种常见的LED显示效果，通过顺序点亮或熄灭一串LED，形成灯光沿着固定路径移动的视觉效果。在CC2530上实现跑马灯，我们需要利用...
【Qt实现的跑马灯效果】是一种常见的GUI编程技术，主要应用于信息滚动显示，常见于电子显示屏、信息提示框等场景。Qt是一个跨平台的C++图形用户界面应用程序开发框架，它提供了丰富的API和工具，使得开发者能够方便...
vhdl跑马灯 适合初学者同学...流水灯的制作
在本示例中，"paomadeng.rar" 是一个压缩包，其中包含了一个名为 "paomadeng.vi" 的虚拟仪器（VI），这个VI是使用LabVIEW编写的跑马灯程序。 跑马灯效果通常指的是LED灯或字符在显示设备上按照特定顺序循环滚动，就...
在CocosCreator3.x中，实现游戏跑马灯全服游戏通知功能是一项重要的用户体验设计，它可以帮助游戏开发者向玩家实时推送重要信息，如活动更新、系统公告等。下面将详细介绍如何利用CocosCreator3.x来实现这一功能。 ...
在Unity游戏引擎中，跑马灯效果是一种常见的UI动态效果，通常用于滚动显示文本或图像。这个效果在很多游戏和应用中都能见到，比如显示排行榜、公告或者新闻更新。本教程将详细介绍如何使用C#脚本来实现这一效果，并...
"博途V16跑马灯程序"是一个基于西门子SIMATIC S7-1200 PLC（可编程逻辑控制器）的编程示例，它主要用于教育和实践目的，特别是对于初学者。跑马灯是一种常见的电气工程示例，通过依次点亮或熄灭一串LED灯来模拟马在...
Swift中的跑马灯效果通常指的是文字或图片在视图中循环滚动的现象，这种效果常见于广告栏或通知提示。在iOS开发中，我们可以自定义一个UIView子类来实现这一功能。这里，我们关注的文件是`MarqueeView.swift`，它...
简单跑马灯电路图一： 最简单的八路跑马灯电路图。用一条8PIN的数据排线把CPU部份的P1口（JP44）连接到八路指示灯部份的JP32;可以看到8路灯轮流闪烁。 简单跑马灯电路图二： CD4017iC内部逻辑电路原理图如图所...
STM32跑马灯实验是嵌入式系统开发中的一个基础练习，主要目的是熟悉和掌握STM32微控制器的GPIO（General Purpose Input/Output）功能。在这个实验中，通过编程控制STM32的GPIO引脚，使连接在这些引脚上的LED灯按照...
状态栏跑马灯是一种在移动应用或桌面应用中常见的视觉效果，它通常出现在应用程序的状态栏上，以滚动或循环的方式显示信息，如通知、提示或者电量等动态数据。这种效果在Android和iOS平台上都有实现，尤其在Android...
跑马灯效果是一种常见的网页动态展示技术，常用于新闻标题滚动、广告轮播等场景，为页面增添动感和视觉吸引力。在本实例中，我们关注的是一个实现"实用上下左右滚动的跑马灯JS"的代码。这个效果是通过JavaScript语言...
在这个项目中，跑马灯效果可能通过移位寄存器实现，LED的亮灭状态由寄存器中的位序列控制，每次按键按下时，寄存器的位序列会发生变化，从而产生不同的跑马灯模式。 按键操作是用户与系统交互的关键部分。项目中...
跑马灯实验是一种常见的硬件入门实践，主要用于演示和学习微控制器（MCU）对输入输出端口（GPIO）的控制。在这个实验中，我们将重点讨论如何通过编程实现GPIO口的配置，以控制LED灯的顺序闪烁，从而形成跑马灯的效果...
跑马灯，作为一种常见的电子设计应用，通常在电路板上用LED灯的顺序闪烁来模拟赛马场上的灯光效果，以此吸引注意力或者显示特定的信息。在这个"EDA实现多状态8位跑马灯"项目中，设计者将原有的跑马灯功能进行了扩展...
【Qt跑马灯源程序】是一个基于Qt框架开发的应用程序，它实现了跑马灯效果，即文字或图像在界面上连续滚动或循环显示，常见于信息提示或广告展示。跑马灯效果通常用来吸引用户的注意力，高效传递信息。在本项目中，"3...
在Android开发中，"跑马灯"效果通常指的是TextView中的滚动文字效果，即当文本内容超过TextView宽度时，文本会从一端滑动到另一端，看起来像是在不断循环滚动。这种效果在通知、提示或者标题栏等场景中常用。在本...