blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
yzt
2023-05-26 de4278af2fd46705a40bac58ec01122db6b7f3d7 
 src/main/webapp/hxzk/sysSetting/replay.jsp


@@ -3,251 +3,385 @@


<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>


<html lang="en">


<head>


    <meta charset="utf-8">


    <meta http-equiv="X-UA-Compatible" content="IE=edge">


    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">


    <title>华星智控定位管理系统 </title>


    <link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon" type="image/x-icon" />


   <link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/assets/css/elements/search.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">


   <link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />


   <link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css" rel="stylesheet" type="text/css">


   <link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css" rel="stylesheet" type="text/css">


   <link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css" rel="stylesheet" type="text/css">


   <link href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css" />


   <link href="https://fonts.gstatic.com" rel="preconnect" >


   <link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">


   <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap" rel="stylesheet">


   <style>


      .panel-head{


         font-size: 1rem; color: rgba(255,255,255,.7); line-height: 2rem; text-align: center;


         background: linear-gradient(rgb(0,20,30), rgb(0,40,70));


         border: 2px solid rgba(0,90,120,.3);


      }


      .table-bordered td, .table-bordered th { border: 1px solid #ebedf2; }	


		


		


   </style>


   <script src="/hxzkoa/hxzk/assets/js/app.js"></script>


   <script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>


   <script src="/hxzkoa/hxzk/assets/js/loader.js"></script>


   <script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>


   <script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>


   <script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>


   <script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>


   <script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>


   <script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>


   <script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>


   <script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>


   <script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>


   <script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>


<meta charset="utf-8">


<meta http-equiv="X-UA-Compatible" content="IE=edge">


<meta name="viewport"


   content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">


<title>华星智控定位管理系统</title>


<link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon"


   type="image/x-icon" />


<link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/assets/css/elements/search.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet"


   type="text/css">


<link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet"


   type="text/css" />


<link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css"


   rel="stylesheet" type="text/css" />


<link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css"


   rel="stylesheet" type="text/css">


<link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css"


   rel="stylesheet" type="text/css">


<link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css"


   rel="stylesheet" type="text/css">


<link


   href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css"


   rel="stylesheet" type="text/css" />


<link href="https://fonts.gstatic.com" rel="preconnect">


<link


   href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap"


   rel="stylesheet">


<link


   href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap"


   rel="stylesheet">


<style>


body {


   margin: 0px;


   width: 100%;


   min-width: 1500px;


   max-width: 100%;


   height: 100%;


   background-color: #F0F0F0;


}




#head {


   background-color: #FFFF00;


   width: 100%;


   height: 100px;


}




#center {


   background-color: #00FFFF;


   width: 100%;


   min-height: 100%;


}




#foot {


   background-color: #FF00FF;


   width: 100%;


   height: 100px;


}




.panel-head {


   font-size: 1rem;


   color: rgba(255, 255, 255, .7);


   line-height: 2rem;


   text-align: center;


   background: linear-gradient(rgb(0, 20, 30), rgb(0, 40, 70));


   border: 2px solid rgba(0, 90, 120, .3);


}




.table-bordered td, .table-bordered th {


   border: 1px solid #ebedf2;


}


</style>


<script src="/hxzkoa/hxzk/assets/js/app.js"></script>


<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>


<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>


<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>


<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>


<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>


<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>


<script


   src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>


<script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>


<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>


<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>


<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>


<script


   src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>


</head>


<body class="alt-menu sidebar-noneoverflow">


	


    <!-- BEGIN LOADER -->


    <div id="load_screen"> <div class="loader"> <div class="loader-content">


        <div class="spinner-grow align-self-center"></div>


    </div></div></div>


    <!--  END LOADER -->	


   <div class="border-left" style="opacity:0.4;float:left;position:absolute;z-index:1;left:120px;height:20px;"><img alt="" src="/hxzkoa/resources/images/border.png" class="img-left"></div>


   <div class="border-right" style="opacity:0.4;float:right;position:absolute;z-index:2;right:120px;"><img alt="" src="/hxzkoa/resources/images/border2.png" class="img-right"></div>


    <!--  BEGIN NAVBAR  -->




   <!-- BEGIN LOADER -->


   <div id="load_screen">


      <div class="loader">


         <div class="loader-content">


            <div class="spinner-grow align-self-center"></div>


         </div>


      </div>


   </div>


   <!--  END LOADER -->


   <div class="border-left"


      style="opacity: 0.4; float: left; position: absolute; z-index: 1; left: 120px; height: 20px;">


      <img alt="" src="/hxzkoa/resources/images/border.png" class="img-left">


   </div>


   <div class="border-right"


      style="opacity: 0.4; float: right; position: absolute; z-index: 2; right: 120px;">


      <img alt="" src="/hxzkoa/resources/images/border2.png"


         class="img-right">


   </div>


   <!--  BEGIN NAVBAR  -->


   <div class="login-page"></div>


    <!--  END NAVBAR  -->


   <!--  END NAVBAR  -->




    <!--  BEGIN MAIN CONTAINER  -->


    <div class="main-container" id="container">


   <!--  BEGIN MAIN CONTAINER  -->


   <div class="main-container" id="container">




        <div class="overlay"></div>


        <div class="search-overlay"></div>


      <div class="overlay"></div>


      <div class="search-overlay"></div>




        <!--  BEGIN TOPBAR  -->


        <div class="header-page"></div>


        <!--  END TOPBAR  -->


        


        <!--  BEGIN CONTENT PART  -->


        <div id="content" class="main-content">


            <div class="layout-px-spacing">


                


                <div class="row layout-top-spacing" id="cancel-row">


                


                    <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">


                        <div class="widget-content widget-content-area br-6">


                            <div class="table-responsive mb-4 mt-4">


      <!--  BEGIN TOPBAR  -->


      <div class="header-page"></div>


      <!--  END TOPBAR  -->




                                <table id="html5-extension" class="table table-hover" style="width:100%;" >


                                    <div>


                                       <div style="float:left;margin-top:8px;" class="custom-control custom-checkbox">


                                    <input type="checkbox" class="custom-control-input" id="customCheck1">


                                    <label class="custom-control-label" for="customCheck1" >极速回放</label>


                                 </div>


                                 <div style="float:left;margin-left:5px;">


                                    <button type="button" class="btn btn-secondary reset">刷新</button>


                                    <button type="button" class="btn btn-secondary deleteAll" id="deleteAllButton">全部删除</button>


                                    <button type="button" class="btn btn-secondary load">加载报文</button>


                                    <button type="button" class="btn btn-secondary replay">报文回放</button>


                                 </div>


											


                                 <div style="float:left;margin-left:5px;">


                                    <label for="exampleFormControlInput1" style="float:left;line-height:37px;" >开始序号：</label>


                                    <div style="width:200px;float:left;">


                                       <input class="form-control" type="text" name="" id="startId"/>


                                    </div>


                                 </div>


	    									


                                 <div style="float:left;margin-left:5px;">


                                    <label for="exampleFormControlInput1" style="float:left;line-height:37px;" >结束序号：</label>


                                    <div style="width:200px;float:left;">


                                       <input class="form-control" type="text" name="" id="endId"/>


                                    </div>


                                 </div>		


      <!--  BEGIN CONTENT PART  -->


      <div id="content" class="main-content">


         <div class="layout-px-spacing">




            <div class="row layout-top-spacing" id="cancel-row">




               <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">


                  <div class="widget-content widget-content-area br-6">


                     <div class="table-responsive mb-4 mt-4">




                        <table id="html5-extension" class="table table-hover"


                           style="width: 100%;">


                           <div>


                              <div style="float: left; margin-top: 8px;"


                                 class="custom-control custom-checkbox">


                                 <input type="checkbox" class="custom-control-input"


                                    id="customCheck1"> <label


                                    class="custom-control-label" for="customCheck1">极速回放</label>


                              </div>


                                 <thead id="thead1">


                                    <tr align="center">


                                       <th>序号</th>


                                       <th>ip</th>


                                       <th>内容</th>


                                       <th>时间</th>


                                    </tr>


                                 </thead>


                                 <tbody  id="tbody1">


                                    <c:forEach items="${replayList}" var="list">


                                       <tr align="center" class="d">


                                          <td>${list.id}</td>


                                           <td>${list.ip}</td>


                                          <td style="word-break:break-all">${list.str}</td>


                                          <td>${list.addtime}</td>


                                       </tr>


                                    </c:forEach>


                                 </tbody>


                                 <div style="margin-top:20px;">


                                    <textarea class="form-control" style="height:500px;width:100%;display:none;" readonly = "readonly" id='msg'></textarea>


                              <div style="float: left; margin-left: 5px;">


                                 <button type="button" class="btn btn-secondary reset">刷新</button>


                                 <button type="button" class="btn btn-secondary deleteAll"


                                    id="deleteAllButton">全部删除</button>


                                 <button type="button" class="btn btn-secondary load">加载报文</button>


                                 <button type="button" class="btn btn-secondary replay">报文回放</button>


                              </div>




                              <div style="float: left; margin-left: 5px;">


                                 <label for="exampleFormControlInput1"


                                    style="float: left; line-height: 37px;">开始序号：</label>


                                 <div style="width: 200px; float: left;">


                                    <input class="form-control" type="text" name="" id="startId" />


                                 </div>


											


                       </table>


                            </div>


                        </div>


                    </div>


                              </div>




                </div>


                              <div style="float: left; margin-left: 5px;">


                                 <label for="exampleFormControlInput1"


                                    style="float: left; line-height: 37px;">结束序号：</label>


                                 <div style="width: 200px; float: left;">


                                    <input class="form-control" type="text" name="" id="endId" />


                                 </div>


                              </div>


                           </div>


                           <thead id="thead1">


                              <tr align="center">


                                 <th>序号</th>


                                 <th>ip</th>


                                 <th>内容</th>


                                 <th>时间</th>


                              </tr>


                           </thead>


                           <tbody id="tbody1">


                              <c:forEach items="${replayList}" var="list">


                                 <tr align="center" class="d">


                                    <td>${list.id}</td>


                                    <td>${list.ip}</td>


                                    <td style="word-break: break-all">${list.str}</td>


                                    <td>${list.addtime}</td>


                                 </tr>


                              </c:forEach>


                           </tbody>


                           <div style="margin-top: 20px;">


                              <textarea class="form-control"


                                 style="height: 500px; width: 100%; display: none;"


                                 readonly="readonly" id='msg'></textarea>


                           </div>




             </div>


        <!--  END CONTENT PART  -->


                        </table>


                     </div>


                  </div>


               </div>




    </div>


    <!-- END MAIN CONTAINER -->


    <%


      String superuser =(String)session.getAttribute("superuser");


      String deleteq =(String)session.getAttribute("deleteq");


      String alertq =(String)session.getAttribute("alertq");


      String deleteall =(String)session.getAttribute("deleteall");


   %>


   <input type="hidden" name="superuser" id="superuser" value="<%=superuser%>">


   <input type="hidden" name="deleteq" id="deleteq" value="<%=deleteq%>">


   <input type="hidden" name="alertq" id="alertq" value="<%=alertq%>">


   <input type="hidden" name="deleteall" id="deleteall" value="<%=deleteall%>">


    <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->      


    <script> 


        $(document).ready(function() {


            App.init();$.ajax({async : false, type : "POST",url : "/hxzkoa/getSysSetting_list.do",data : {},dataType : "json",success:function(data){title = data[0].title;document.title = title;},});


            var superuser = document.getElementById("superuser").value;


         var deleteq = document.getElementById("deleteq").value;


         var alertq = document.getElementById("alertq").value;


         var deleteall = document.getElementById("deleteall").value;


         //console.log(superuser)


         if (superuser == "访客"){


            $("#addButton").attr("disabled","true");


            $("#deleteButton").attr("disabled","true");


            $("#modifyButton").attr("disabled","true");


            $("#deleteAllButton").attr("disabled","true");


            $("#modifyAllButton").attr("disabled","true");


            $("#importButton").attr("disabled","true");


         }


         if (deleteq == "否"){ 


            $("#deleteButton").attr("disabled","true");


         }


         if (alertq == "否"){


            $("#modifyButton").attr("disabled","true");


            $("#modifyAllButton").attr("disabled","true");


         }


         if (deleteall == "否"){


            $("#deleteAllButton").attr("disabled","true");


         }


        });


        $('.header-page').load('/hxzkoa/hxzk/top.html');$('.login-page').load('/hxzkoa/hxzk/head.html');


        $(".reset").click(function() {


         setTimeout("window.location.reload()", 1000);


      });


      $(".load").click(function() {


         setTimeout("window.location.reload()", 1000);


         var table =document.getElementById("html5-extension");


          var rows = table.rows.length;


          alert('加载了'+rows+"条");


      });


      $(".replay").click(function() {


         var table =document.getElementById("html5-extension");	        


         var startId = document.getElementById("startId").value;


         var endId = document.getElementById("endId").value;


         //console.log(startId,endId)


         var textarea = document.getElementById('msg');


         textarea.style.display = "inline";


         document.getElementById('thead1').style.display="none" 


         document.getElementById('tbody1').style.display="none" 


         if (startId && endId ){


            for(var i = parseInt(startId);i < parseInt(endId);i++) {


               (function(i) {


                  var interval = 0;


                  if (i>1){


                     if(document.getElementById('customCheck1').checked){


                        var interval = parseInt(new Date(table.rows[i].cells[3].innerHTML).getTime()-new Date(table.rows[i].cells[3].innerHTML).getTime())/10


                     } else {


                        var interval = parseInt(new Date(table.rows[i].cells[3].innerHTML).getTime()-new Date(table.rows[i].cells[3].innerHTML).getTime())


                     }	


                  }


                setTimeout(function() {


                   var rows = " 序号："+table.rows[i].cells[0].innerHTML + " ip："+table.rows[i].cells[1].innerHTML + " 报文："+table.rows[i].cells[2].innerHTML +"\n";


						 


                   textarea.value += rows


                   textarea.scrollTop = textarea.scrollHeight;


                }, (i + 1) * interval);


                })(i)


            }


         } else {


            for(var i = 0;i < parseInt(table.rows.length);i++) {


               (function(i) {


                  var interval = 0;


                  if (i>1){


                     if(document.getElementById('customCheck1').checked){


                        var interval = parseInt(new Date(table.rows[i].cells[3].innerHTML).getTime()-new Date(table.rows[i].cells[3].innerHTML).getTime())/10


                     } else {


                        var interval = parseInt(new Date(table.rows[i].cells[3].innerHTML).getTime()-new Date(table.rows[i].cells[3].innerHTML).getTime())


                     }	


                  }


                setTimeout(function() {


                   var rows = " 序号："+table.rows[i].cells[0].innerHTML + " ip："+table.rows[i].cells[1].innerHTML + " 报文："+table.rows[i].cells[2].innerHTML +"\n";


                   textarea.value += rows


                   textarea.scrollTop = textarea.scrollHeight;


                }, (i + 1) * interval);


                })(i)


            }


         }


			


      });


    </script>


    <!-- END GLOBAL MANDATORY SCRIPTS -->


            </div>




         </div>


         <!--  END CONTENT PART  -->




      </div>


      <!-- END MAIN CONTAINER -->


      <%


      String superuser = (String) session.getAttribute("superuser");


      String deleteq = (String) session.getAttribute("deleteq");


      String alertq = (String) session.getAttribute("alertq");


      String deleteall = (String) session.getAttribute("deleteall");


      String username = (String) session.getAttribute("username");


      if (username == null || username.equals("")) {


         request.getRequestDispatcher("/hxzk/login.jsp").forward(request, response);


         return;


      }


      %>


      <input type="hidden" name="superuser" id="superuser"


         value="<%=superuser%>"> <input type="hidden" name="deleteq"


         id="deleteq" value="<%=deleteq%>"> <input type="hidden"


         name="alertq" id="alertq" value="<%=alertq%>"> <input


         type="hidden" name="deleteall" id="deleteall" value="<%=deleteall%>">


      <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->


      <script>


         $(document).ready(function() {


            App.init();


            $.ajax({


               async : false,


               type : "POST",


               url : "/hxzkoa/getSysSetting_list.do",


               data : {},


               dataType : "json",


               success : function(data) {


                  title = data[0].title;


                  document.title = title;


               },


            });


            var superuser = document.getElementById("superuser").value;


            var deleteq = document.getElementById("deleteq").value;


            var alertq = document.getElementById("alertq").value;


            var deleteall = document.getElementById("deleteall").value;


            //console.log(superuser)


            if (superuser == "访客") {


               $("#addButton").attr("disabled", "true");


               $("#deleteButton").attr("disabled", "true");


               $("#modifyButton").attr("disabled", "true");


               $("#deleteAllButton").attr("disabled", "true");


               $("#modifyAllButton").attr("disabled", "true");


               $("#importButton").attr("disabled", "true");


            }


            if (deleteq == "否") {


               $("#deleteButton").attr("disabled", "true");


            }


            if (alertq == "否") {


               $("#modifyButton").attr("disabled", "true");


               $("#modifyAllButton").attr("disabled", "true");


            }


            if (deleteall == "否") {


               $("#deleteAllButton").attr("disabled", "true");


            }


         });


         $('.header-page').load('/hxzkoa/hxzk/top.html');


         $('.login-page').load('/hxzkoa/hxzk/head.html');


         $(".reset").click(function() {


            setTimeout("window.location.reload()", 1000);


         });


         $(".load").click(function() {


            setTimeout("window.location.reload()", 1000);


            var table = document.getElementById("html5-extension");


            var rows = table.rows.length;


            alert('加载了' + rows + "条");


         });


         $(".replay")


               .click(


                     function() {


                        var table = document


                              .getElementById("html5-extension");


                        var startId = document


                              .getElementById("startId").value;


                        var endId = document.getElementById("endId").value;


                        //console.log(startId,endId)


                        var textarea = document.getElementById('msg');


                        textarea.style.display = "inline";


                        document.getElementById('thead1').style.display = "none"


                        document.getElementById('tbody1').style.display = "none"


                        if (startId && endId) {


                           for (var i = parseInt(startId); i < parseInt(endId); i++) {


                              (function(i) {


                                 var interval = 0;


                                 if (i > 1) {


                                    if (document


                                          .getElementById('customCheck1').checked) {


                                       var interval = parseInt(new Date(


                                             table.rows[i].cells[3].innerHTML)


                                             .getTime()


                                             - new Date(


                                                   table.rows[i].cells[3].innerHTML)


                                                   .getTime()) / 10


                                    } else {


                                       var interval = parseInt(new Date(


                                             table.rows[i].cells[3].innerHTML)


                                             .getTime()


                                             - new Date(


                                                   table.rows[i].cells[3].innerHTML)


                                                   .getTime())


                                    }


                                 }


                                 setTimeout(


                                       function() {


                                          var rows = " 序号："


                                                + table.rows[i].cells[0].innerHTML


                                                + " ip："


                                                + table.rows[i].cells[1].innerHTML


                                                + " 报文："


                                                + table.rows[i].cells[2].innerHTML


                                                + "\n";




                                          textarea.value += rows


                                          textarea.scrollTop = textarea.scrollHeight;


                                       }, (i + 1) * interval);


                              })(i)


                           }


                        } else {


                           for (var i = 0; i < parseInt(table.rows.length); i++) {


                              (function(i) {


                                 var interval = 0;


                                 if (i > 1) {


                                    if (document


                                          .getElementById('customCheck1').checked) {


                                       var interval = parseInt(new Date(


                                             table.rows[i].cells[3].innerHTML)


                                             .getTime()


                                             - new Date(


                                                   table.rows[i].cells[3].innerHTML)


                                                   .getTime()) / 10


                                    } else {


                                       var interval = parseInt(new Date(


                                             table.rows[i].cells[3].innerHTML)


                                             .getTime()


                                             - new Date(


                                                   table.rows[i].cells[3].innerHTML)


                                                   .getTime())


                                    }


                                 }


                                 setTimeout(


                                       function() {


                                          var rows = " 序号："


                                                + table.rows[i].cells[0].innerHTML


                                                + " ip："


                                                + table.rows[i].cells[1].innerHTML


                                                + " 报文："


                                                + table.rows[i].cells[2].innerHTML


                                                + "\n";


                                          textarea.value += rows


                                          textarea.scrollTop = textarea.scrollHeight;


                                       }, (i + 1) * interval);


                              })(i)


                           }


                        }




                     });


      </script>


      <!-- END GLOBAL MANDATORY SCRIPTS -->


</body>


</html>