sfd
Прогресс-бар на JavaScipt за 20 строк
Сегодня будем делать прогресс-бар. Он может помочь вашим пользователем понять, много ли осталось читать. Все вместе решение занимает 20 строк. Демо на codepen. Раз Создаем HTML разметку: <div class="line" id="line"></div> Добавили класс для оформления и id для связки с js. Два Накинем немного css оформления: .line {
width: 0;
background-color: yellow;
height: 5px;
position: fixed;
left: 0;
top: 0;
transition: .3s all;
}
body {
min-height: 1000px;
background-color: #333;
} Линию сделали фиксированной с нулевой шириной и высотой в 5px, сделали желтый фон...
Синтаксис new Function Javascript
Существует ещё один вариант объявлять функции. Он используется крайне редко, но иногда другого решения не найти. Функция создаётся с заданными аргументами arg1...argN и телом functionBody. Главное отличие от других способов объявления функции, которые были рассмотрены ранее, заключается в том, что функция создаётся полностью «на лету» из строки, переданной во время выполнения...