JavaScript. Подробное руководство, 6-е издание, Флэнаган Дэвид

JavaScript. Подробное руководство, 6-е издание

на обложку

Флэнаган Дэвид

Шрифт:

if (!time) time = 500;

if (!distance) distance = 5;

var originalStyle = e.style.cssText; // Сохранить оригинальный стиль e

e.style.position = "relative"; // Сделать относит, позиционируемым

var start = (new Date).getTime; // Запомнить момент

начала анимации ;

animate // Запустить анимацию

// Эта функция проверяет прошедшее время и изменяет координаты е.

// Если анимацию пора завершать, восстанавливает первоначальное состояние

// элемента е. Иначе изменяет координаты е и планирует следующий свой вызов,

function animate {

var now = (new Date).getTime; // Получить текущее время

var elapsed = now-start; // Сколько прошло времени с начала?

var fraction = elapsed/time; // Доля от требуемого времени?

if (fraction < 1) { // Если рано завершать анимацию

// Вычислить координату х элемента е как функцию от доли общего

// времени анимации. Здесь используется синусоидальная функция,

// а доля общего времени воспроизведения умножается на 4pi,

// поэтому перемещение взад и вперед выполняется дважды,

var x = distance * Math.sin(fraction*4*Math.PI);

e.style.left = x + "px";

// Попробовать вызвать себя через 25 мсек или в конце запланированного

// отрезка общего времени воспроизведения. Мы стремимся сделать

// анимацию гладкой, воспроизводя ее со скоростью 40 кадров/сек.

setTimeout(animate, Math.min(25, time-elapsed));

}

else { // Иначе анимацию пора завершать

e.style.cssText = originalStyle // Восстановить первонач. стиль

if (oncomplete) oncomplete(e); // Вызвать ф-цию обратного вызова

}

//

Растворяет е от состояния полной непрозрачности до состояния полной прозрачности

// за указанное количество миллисекунд. Предполагается, что, когда вызывается

// эта функция, е полностью непрозрачен, oncomplete - необязательная функция,

// которая будет вызвана с элементом е в виде аргумента по завершении анимации.

// Если аргумент time не задан, устанавливается интервал 500 мсек.

// Эта функция не работает в IE, но ее можно модифицировать так, чтобы

// в дополнение к свойству opacity она использовала нестандартное

// свойство filter, реализованное в IE.

function fadeOut(e, oncomplete, time) {

if (typeof e === "string") e = document.getElementByld(e);

if (!time) time = 500;

// В качестве простой "функции перехода", чтобы сделать анимацию немного

// нелинейной, используется Math.sqrt: сначала растворение идет быстро,

// а затем несколько замедляется,

var ease = Math.sqrt;

var start = (new Date).getTime; // Запомнить момент начала анимации

animate; // И запустить анимацию

function animate {

var elapsed = (new Date).getTime-start; // Прошедшее время

var fraction = elapsed/time; // Доля от общего времени

if (fraction < 1) { // Если не пора завершать

var opacity = 1 - ease(fraction); // Вычислить непрозрачн.

e.style.opacity = String(opacity); // Установить ее в e

setTimeout(animate, // Запланировать очередной

Math.min(25, time-elapsed)); // кадр

}

1-221 222 223 224 225 226 227 228 229 230 231 232 233-514

Краткая история этики

Гусейнов Абдусалам

Научно-образовательная:

философия

5.83

рейтинг книги

Я снова граф. Книга XI

Дрейк Сириус

11. Дорогой барон!

Фантастика:

боевая фантастика

попаданцы

аниме

5.00

рейтинг книги

Пламенев. Книга 13

Карелин Сергей Витальевич

13. Пламенев

Фантастика:

аниме

уся

сказочная фантастика

фэнтези

фантастика: прочее

5.00

рейтинг книги

Том 10. Публицистика

Толстой Алексей Николаевич

Документальная литература:

публицистика

5.00

рейтинг книги

Дитя прибоя

Трофимов Ерофей

Дитя прибоя

Фантастика:

боевая фантастика

попаданцы

фэнтези

5.25

рейтинг книги

Барону наплевать на правила

Ренгач Евгений

7. Закон сильного

Фантастика:

боевая фантастика

попаданцы

аниме

5.00

рейтинг книги

Любовь на темной улице (сборник рассказов)

Шоу Ирвин

Проза:

проза прочее

6.80

рейтинг книги

Любовь на темной улице (сборник рассказов)

Принадлежать им

Зайцева Мария

Любовные романы:

современные любовные романы

5.40

рейтинг книги

Экспансия

Каменев Алекс

8. Цитадели гордыни

Фантастика:

героическая фантастика

боевая фантастика

5.00

рейтинг книги

Жизнь без старости

Скулачев Максим В.

Академик Скулачев