Вход

Просмотр полной версии : Помогите пожалуйста по таймерам


Berserker_5
16.11.2016, 04:45
Здравствуйте!
Есть код:


<html>
<head>
<title></title>
<style>
</style>
<script>
var $rot=0;
var $tim2;
var timer_is_on=0;

function rotinp($pl) //Функция на запуск вращения картинки на определенный угол.
{
$rot=$rot+$pl;
document.getElementById('inp1').style.transform="rotate("+$rot+"deg)";
}

function my_Click() //Функция запуска таймера setInterval по клику левой кнопки мышки.
{
$tim2=setInterval("rotinp(5);",20);
setTimeout('clearInterval($tim2)',10000)
}

function on_Timer() //Функция на запрет повторного запуска таймера setInterval.
{
if (!timer_is_on)
{
timer_is_on=1;
my_Click();
}
}

</script>

</head>

<body>
<div id="div1"
style="border: 1px solid black;"
onClick="on_Timer();"><br>
<input type=text id="inp1">
</div>

</body>
</html>


Не могу понять, как сделать, чтобы каждые 10 секунд менялось направление вращения поля input.
Прошу сильно не пинать, только учусь.

ruslan_mart
16.11.2016, 08:02
https://jsfiddle.net/gsx05tcu/1/

Berserker_5
17.11.2016, 06:56
Ruslan_xDD,
Большое спасибо.

Berserker_5
17.11.2016, 09:59
А к input такое не прикрутить, я правильно понимаю?
Да наверное и не нужно это.

Dilettante_Pro
17.11.2016, 14:47
Berserker_5,
А к input такое не прикрутить, я правильно понимаю?
Да наверное и не нужно это.
Замените div на input и посмотрите (можно при этом еще и текст вводить)

Berserker_5
18.11.2016, 06:31
Dilettante_Pro,
Да, действительно. :)
И вам спасибо огромное.