js显示屏特效火车站高铁站列车时刻表切换特效

最新推荐文章于 2022-10-10 15:21:14 发布

东边的小山

最新推荐文章于 2022-10-10 15:21:14 发布

阅读量1.9k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/yelin042/article/details/105465312

版权

javascript 专栏收录该内容

92 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
<head>
<title>FLAPPER</title><script src="jquery-1.11.0.min.js"></script>
<script language="javascript">
            $(document).ready(function() {

                setTimeout(function(){
                    
                    var toggle = false;
					    GetList(GetData(0))	
						var totcout=3;
						var page=0;
                    setInterval(function(){
                       page = Math.floor(Math.random() *3);
					   
					    if (toggle) {
					       GetList(GetData(page))	
                        } else {
						 GetList(GetData(page))	
						
                        }
                        toggle = !toggle;
                    }, 5000);
                }, 1000);

             
            });

function GetData(i)
{

 var per=[
{"id":1,"bus":"G2345","station":"广州南1","time":"11：23","enter":"A入口/B入口","status":"正点"},
{"id":2,"bus":"G1345","station":"上海南","time":"11：43","enter":"A入口/B入口","status":"正点"},
{"id":3,"bus":"G1345","station":"济南","time":"11：13","enter":"A入口/B入口","status":"正点"},
{"id":4,"bus":"G1345","station":"南昌东","time":"11：23","enter":"A入口/B入口","status":"晚点"},
{"id":5,"bus":"G1345","station":"广州东","time":"11：53","enter":"A入口/B入口","status":"晚点"},
{"id":6,"bus":"G1345","station":"深圳","time":"11：33","enter":"A入口/B入口","status":"正点"}
];
var per2=[
{"id":1,"bus":"G2545","station":"广州东2","time":"10：23","enter":"A入口/B入口","status":"晚点"},
{"id":2,"bus":"G4345","station":"上海","time":"11：43","enter":"A入口/B入口","status":"正点"},
{"id":3,"bus":"G3345","station":"济南东","time":"11：13","enter":"A入口/B入口","status":"正点"},
{"id":4,"bus":"G6345","station":"南昌","time":"11：23","enter":"A入口/B入口","status":"正点"},
{"id":5,"bus":"G8345","station":"广州","time":"11：53","enter":"A入口/B入口","status":"正点"},
{"id":6,"bus":"G9345","station":"深圳东","time":"11：33","enter":"A入口/B入口","status":"正点"}
];


var per3=[
{"id":1,"bus":"G0545","station":"济南东3","time":"10：23","enter":"A入口/B入口","status":"晚点"},
{"id":2,"bus":"G345","station":"上海","time":"13：43","enter":"A入口/B入口","status":"正点"},
{"id":3,"bus":"G385","station":"南昌东","time":"14：13","enter":"A入口/B入口","status":"正点"}
];

if(i==0)
  return per;
else if(i==1)
return per2;
else
return per3;


}
 </script>
		
<style type="text/css">

            html,
            body {
                margin: 0px;
                padding: 0px;
                overflow-x: hidden;
                background-color: white;
                font-family: Helvetica, Arial, sans-serif;
				color:#FFFFFF;
            }
    td{ height:30px}
   

        </style>
</head>
<body>

<table width="100%" align="center" cellpadding="10" cellspacing="5" border="0" bgcolor="#0000FF">
<thead> 
<tr bgcolor="#3c67f5">
<td align="center">车次</td>
<td align="center">终点站</td>
<td align="center">到点</td>
<td align="center">入站口</td>
<td align="center">状态</td>
</tr>
 </thead>
  <tbody id="tbMain"></tbody> 
<!--<tr id="tr1">
<td align="center"><label class="f1">G2345</label></td>
<td align="center">广州南</td>
<td align="center">11：23</td>
<td align="center">A入口，B入口</td>
<td align="center">正点</td>
</tr>
<tr>
<td align="center">G1345</td>
<td align="center">上海南</td>
<td align="center">11：23</td>
<td align="center">A入口，B入口</td>
<td align="center">正点</td>
</tr>
<tr>
<td align="center">G1345</td>
<td align="center">上海南</td>
<td align="center">11：23</td>
<td align="center">A入口，B入口</td>
<td align="center">正点</td>
</tr>
<tr>
<td align="center">G1345</td>
<td align="center">上海南</td>
<td align="center">11：23</td>
<td align="center">A入口，B入口</td>
<td align="center">正点</td>
</tr>
<tr>
<td align="center">G1345</td>
<td align="center">上海南</td>
<td align="center">11：23</td>
<td align="center">A入口，B入口</td>
<td align="center">晚点15分钟</td>
</tr>
--></table>

</div>
</body>
</html>

代码下载：源代码下载