Показать сообщение отдельно
  #15 (permalink)  
Старый 02.07.2016, 15:40
Профессор
Отправить личное сообщение для Rasy Посмотреть профиль Найти все сообщения от Rasy
 
Регистрация: 17.06.2016
Сообщений: 509

Сообщение от Step48_rus
и что же тогда делать?
Как говорил Лао-цзы - "Все сразу, но не будет"

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>

<select name="" id="set_time">
  <option value="0">выбрать</option>
  <option value="-2">-2 часа</option>
  <option value="-1">-1 часа</option>
  <option value="0">0 часов</option>
  <option value="+1">+1 час</option>
  <option value="+2">+2 часа</option>
</select>
<div id="the_program">
  <p>6:40 программа 1</p>
  <p>7:40 программа 2</p>
  <p>8:40 программа 3</p>
  <p>9:40 программа 4</p>
  <p>10:40 программа 5</p>
  <p>11:40 программа 6</p>
  <p>12:40 программа 7</p>
  <p>13:40 программа 8</p>
  <p>14:40 программа 9</p>
  <p>16:40 программа 10</p>
  <p>17:40 программа 11</p>
  <p>18:40 программа 12</p>
  <p>19:40 программа 13</p>
  <p>20:40 программа 14</p>
  <p>21:40 программа 15</p>
  <p>22:40 программа 16</p>
  <p>23:40 программа 17</p>
  <p>24:40 программа 18</p>
</div>

<script>
$(function() {
  var
    $set_time = $('#set_time'),
    $the_program = $('#the_program'),
    number,
    separator,
    hour,
    size,
    min_and_text;

    $set_time.change(function() {
      number = $(this).val();
      $the_program.children().each(function(i, el) {
        separator = $(el).text().indexOf(':'),
        hour = $(el).text().slice('0', separator),
        min_and_text = $(el).text().slice(separator);

        size = +number + +hour < 0 ? 24 + +number + +hour :
            +number + +hour >= 24 ? +number + +hour - 24
            : +number + +hour;
        $(el).text(size + min_and_text);

      });
    });
});

</script>

</body>
Ответить с цитированием