Описание: Этот скрипт поможет разнообразить ваши тесты, и пользователь сам выбирает, когда начнется запуск. Советую применить скрипт второй версии. Автор и источник: cucYa http://allcity.net.ru Установка: Главная » Управление дизайном » Тесты » Общая страница тестов, в любое место, желательно вставлять после $BODY$ Версия 1 Code <script LANGUAGE="JavaScript"> function start_timer(){ x = 59; // -1 $('#timeout').html('У вас осталось <span id="currenttime"></span> секунд!'); $('#currenttime').html(x+1); y = setInterval("timer();",1000); } function timer(){ $('#currenttime').html(x); x--; if(x<0){ clearInterval(y); $('#timeout').html('Время вышло').css('color','red'); } } </script> Тоже вставляем в любое место, это кнопка запуска: Code <div id="timeout" onclick="start_timer();">Нажмите, чтобы запустить таймер</div> Версия 2 Если же вы хотите, чтобы таймер запускался автоматически, то вставляйте только этот код: Code <script LANGUAGE="JavaScript"> function start_timer(){ x = 59; // -1 $('#timeout').html('У вас осталось <span id="currenttime"></span> секунд!'); $('#currenttime').html(x+1); y = setInterval("timer();",1000); } function timer(){ $('#currenttime').html(x); x--; if(x<0){ clearInterval(y); $('#timeout').html('Время вышло').css('color','red'); } } start_timer(); </script>
|