За последние 24 часа нас посетили 22257 программистов и 994 робота. Сейчас ищут 468 программистов ...

Помогите добить таймер обратного отсчета

Тема в разделе "JavaScript и AJAX", создана пользователем Bridun, 11 дек 2018.

Метки:
  1. Bridun

    Bridun Новичок

    С нами с:
    2 окт 2017
    Сообщения:
    71
    Симпатии:
    1
    выводит из переменых таймер и отрывает ссылку по времени, помогите типерь спрятать ссылку по истичении времени

    HTML:
    1. <title> Таймер обратного отсчета </title>
    2.  
    3. </head>
    4. <body >
    5.  
    6. <?php
    7. //error_reporting (0);
    8. ini_set('error_reporting', E_ALL);
    9. ini_set('display_errors', 1);
    10. ini_set('display_startup_errors', 1);
    11.    //date_default_timezone_set('Europe/Kiev');//timzone
    12.  
    13. /**  time_table.dat
    14. 1|text|link|12|10|2018|10:00:00|09:55:00|10:30:00|
    15. 2|text|link|12|10|2018|21:00:00|20:55:00|21:30:00|
    16. 3|text|link|12|10|2018|22:00:00|21:55:00|22:30:00|
    17. */
    18.    date_default_timezone_set('Europe/Kiev');//timzone
    19.  
    20.  
    21.    $data =  file("time_table.dat");
    22.  
    23.    foreach($data as $rows) {
    24.  
    25.        $elem = explode("|", $rows);
    26.        if (!strripos($rows, "|")) continue;
    27.        
    28. echo'<table border="1" align="center" cellpadding="0" cellspacing="0" width="300">
    29.  
    30.     <tr>
    31.         <td valign="top" align="center"  width="150">
    32.         '.$elem[3].'/'.$elem[4].'/'.$elem[5].'-'.$elem[6].'<br>
    33.         '.$elem[1].'
    34.         </td>
    35.         <td valign="top" align="center"  width="150">
    36. <script type="text/javascript">
    37.  
    38. /////////////////////////
    39. timedown("'.$elem[3].','.$elem[4].','.$elem[5].','.$elem[7].'","link_'.$elem[0].'");
    40. //var countDownDate = new Date("<?=$elem[3].','.$elem[4].','.$elem[5].','.$elem[8];?>").getTime();// до закрытия ссылки
    41. function timedown(ti,id){
    42.  
    43. var countDownDate = new Date(ti).getTime();
    44.  
    45. var x = setInterval(function() {
    46.  
    47.     var now = new Date().getTime();
    48.    
    49.     var distance = countDownDate - now;
    50.    
    51.     var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    52.     var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    53.     var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    54.     var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    55.    
    56. document.getElementById(id).innerHTML = "до входа<br>"+(days!=0 ? days + ":" : "") + (hours!= 0 ? hours + ":" : "") + (minutes != 0 ? minutes + ":" : "") + seconds + "<br><a href=\"#\">Неактивная</a>";
    57.  
    58.     if (distance < 0) {
    59.        clearInterval(x);
    60.        document.getElementById("link_'.$elem[0].'").innerHTML = "<a href=\"'.$elem[2].'\">Активная</a>";
    61.         //window.location = "final.php" // по окончанию времени перейти на другу страницу
    62.  
    63.     }
    64. }, 1000);
    65. }
    66.  
    67. /**  помогите прикрутить таймер до закрытия ссылки и спрятать ссылку обратно*/
    68.  
    69. </script>      
    70.        
    71. <span id="link_'.$elem[0].'"></span>
    72.  
    73.        
    74.         </td>
    75.     </tr>
    76. </table>';
    77.     }
    78.  
    79. ?>
    80.  
    81.  
    82. </body>
    83. </html>
     
  2. Зингер

    Зингер Активный пользователь

    С нами с:
    20 июл 2017
    Сообщения:
    127
    Симпатии:
    7