Javascript часы

Стилизация цифровых часов с помощью CSS

Откройте файл styles.css и вставьте следующий код:

Приведенный выше CSS используется для стилизации цифровых часов. Здесь шрифт Open Sans Condensed используется для отображения текста часов. Он импортирован из шрифтов Google с помощью @import . Селектор идентификатора # digital-clock используется для выбора целевого div. Селектор id использует атрибут id элемента HTML для выбора определенного элемента.

Если вы хотите взглянуть на полный исходный код, использованный в этой статье, вот репозиторий GitHub . Кроме того, если вы хотите взглянуть на живую версию этого проекта, вы можете проверить ее на страницах GitHub .

Примечание . Код, использованный в этой статье, лицензирован MIT .

Для iPhone (watchOS)

Если вы обладатель продукции Apple, настроить время на смарт-часах можно только, синхронизируясь с айфоном. Вручную вы можете перевести время на определенное количество минут вперед (когда пользователь привык, что его часы спешат). Об этом мы расскажем ниже.

Установить время на iWatch при подключении к iPhone:

Смартфон должен быть подключен к сети интернет.
В телефоне перейдите в Настройки – Основные – Дата и время.
При сообщении об обновлении данных о часовом поясе нужно перезагрузить устройство для получения обновления. Если вы получили такое же уведомление на Apple Watch, их также необходимо перезапустить.
В том случае, если вы не получили сообщение на айфон, перейдите обратно на экран настроек. Следует подождать несколько минут и опять нажать «Дата и время». Когда уведомление об обновлении часового пояса отобразится внизу настроек даты и времени, вам нужно выполнить перезапуск телефона для его получения. Спустя некоторое время перезагрузите и часы.

Установить часовой пояс (через телефон):

В iPhone перейдите в Настройки – Основные – Дата и время.
Выключите параметр «Автоматически».
Выберите необходимый пояс.
Выполните сопряжение Apple Watch со своим айфоном. Параметры на часы подгрузятся сами.

Выставить пользовательское время вручную в часах:

Перейдите в пункт меню «Настройки».
Прокрутите вниз до пункта «Время».
С помощью цифровой короны прокрутите значение до необходимого времени: вы можете прибавить от 1 минуты до 59.
Нажмите кнопку «Выбор».
Теперь ваши Apple Watch будут «спешить».

Имейте в виду, что данная корректировка времени не влияет на фактическое время в часах. На экране вы будете видеть выставленное вами значение, но все события будут происходить, учитывая время сети и смартфона.

Как пользоваться

Предположим, нам нужно использовать функции из статической библиотеки myfuncs.a в примере программы example.c. Что нам делать?

3.1 Добавить файлы заголовков;

Добавьте файл заголовка myfuncs.h в каталог вашего проекта и добавьте его в начало файла example.cЗаявление, тогда вы можете использовать функции в библиотеке.

3.2 Параметры компилятора

После того, как ваша программа example.c будет написана, подключите нашу пользовательскую библиотеку на этапе компиляции.

Первый оператор используется для создания целевого файла example.o Во втором операторе параметр -static сообщает компоновщику, что он должен создать полностью связанный исполняемый объектный файл, который можно напрямую загрузить в память и запустить, и при загрузке больше ничего делать не нужно. ссылка на сайт. -L указывает компоновщику искать библиотеку в текущем каталоге (потому что за L следует точка, а точка представляет текущий каталог в системе Linux). -l следует непосредственно за сокращением myfuncs имени библиотеки, которую необходимо связать, а не за полным именем libmyfuncs.a.

Примечание: компоновщик также по умолчанию связывает стандартную библиотеку C libc.a.

Чтобы узнать больше, нажмите, чтобы подписаться:Встроенный Linux и ARMБлог CSDNКраткий книжный блог

Что нужно помнить о setTimeout () и setInterval ()

При работе с и следует помнить о нескольких вещах. Давайте рассмотрим их.

Есть ещё один способ использования : вы можете вызвать его рекурсивно для повторного запуска одного и того же кода вместо использования .

В приведённом ниже примере используется рекурсивный setTimeout () для запуска переданной функции каждые 100 миллисекунд:

Сравните приведённый выше пример со следующим — здесь используется для достижения того же эффекта:

Чем рекурсивный отличается от ?

Разница между двумя версиями приведённого выше кода невелика.

Рекурсивный гарантирует такую же задержку между выполнениями. (Например, 100 мс в приведённом выше случае.) Код будет запущен, затем подождёт 100 миллисекунд, прежде чем запустится снова, поэтому интервал будет одинаковым, независимо от того, сколько времени требуется для выполнения кода.
Пример с использованием работает несколько иначе. Выбранный вами интервал включает время, затрачиваемое на выполнение кода, который вы хотите запустить. Предположим, что выполнение кода занимает миллисекунд — тогда интервал составляет всего миллисекунд.
При рекурсивном использовании каждая итерация может вычислять различную задержку перед запуском следующей итерации. Другими словами, значение второго параметра может указывать другое время в миллисекундах для ожидания перед повторным запуском кода.

Когда ваш код потенциально может занять больше времени, чем назначенный вами интервал времени, лучше использовать рекурсивный — это сохранит постоянный временной интервал между выполнениями независимо от того, сколько времени потребуется для выполнения кода, и вы избежите ошибок.

Использование 0 в качестве значения для позволяет планировать выполнение указанной колбэк-функции как можно скорее, но только после того, как будет запущен основной поток кода.

Например, код приведённый ниже (рабочий код) выводит alert содержащий , затем alert содержащий как только вы нажмёте ОК в первом alert.

Это может быть полезно в тех случаях, когда вы хотите установить блок кода для запуска, как только весь основной поток завершит работу — поместите его в цикл событий async, чтобы он запускался сразу после этого.

clearTimeout () и используют один и тот же список записей для очистки. Интересно, что это означает, что вы можете использовать любой метод для очистки setTimeout () или setInterval ().

Для согласованности следует использовать для очистки записей и для очистки записей . Это поможет избежать путаницы.

Объект даты Date() в JavaScript

Чтобы использовать этот объект даты, вы должны сначала создать его экземпляр. Для этого выполните следующее:

<script type="text/javascript">
var currentDate = new Date();
console.log(currentDate);
</script>

Всякий раз, когда вам нужно создать экземпляр объекта , используйте похожую конструкцию (с использованием ключевого слова , за которым следует имя объекта). После доступа к объекту даты, вы можете обращаться к нужным методам этого объекта.

Некоторые методы объекта даты:

Метод объекта	Возвращаемое значение
getDate()	возвращает день месяца
getDay()	возвращает день недели
getHours()	возвращает час (начинается с 0-23)
getMinutes()	возвращает минуты
getSeconds()	возвращает секунды
getMonth()	возвращает месяц (начинается с 0-11)
getFullYear()	возвращает текущий год
getTime()	возвращает полное время (в немного странном формате)

Теперь перейдем к практике.

Допустим, вам нужно получить сегодняшнюю дату. Тогда используйте следующую конструкцию:

<script type="text/javascript">
var todayDate = new Date();
var currYear = todayDate.getFullYear();
var currMonth = todayDate.getMonth()+1;
var currDay = todayDate.getDate();
document.write("Сегодняшняя дата: ");
document.write(currDay + "-" + currMonth + "-" + currYear);
</script>

Результат будет следующего формата:

Сегодняшняя дата: 7-4-2019
// завтра результат будет другой, поскольку дата изменится

Давайте немного расшифруем приведенный выше код:

todayDate – это переменная, в которую записывается экземпляр объекта Date(). Вы можете назвать эту переменную как угодно. После создания экземпляра, эта переменная будет иметь доступ ко всем методам данного объекта. Например, выражение:

var currYear = todayDate.getFullYear();

означает «Получить текущий год и присвоить его переменной ».

Мы добавили к переменной месяца (), поскольку в JavaScript месяцы отсчитываются, начиная с «0», а не с «1».
Объект в JavaScript всегда использует значения даты и времени, которые установлены на компьютере текущего пользователя. Таким образом, для разных пользователей будут показываться разные дата/время, в зависимости от того, в каком месте мира он или она находится.

Практические решения с использованием даты в JavaScript

Показ разных картинок на сайте в зависимости от времени суток

Обладая вышеуказанными знаниями, вы можете отображать различные картинки на своем сайте в зависимости от текущей даты/времени. Например, вам нужно сменять фоновую картинку (бэкграунд) сайта в зависимости от того, что сейчас за окном – день или ночь.

Подготовьте две разные картинки (одну для дня, другую для ночи).

Теперь добавьте простой скрипт:

<script type="text/javascript">
var currDay = new Date();
var dayTime = currDay.getHours();
if (dayTime <= 21) {
 document.write("<img src='day.jpg'>");
} else {
 document.write("<img src='night.jpg'>");
}
</script>

Здесь мы проверяем текущее время, если сейчас больше 21:00, тогда будет показываться фоновая картинка для ночи, в противном случае будет показана фоновая картинка для светлого времени суток.

Добавление на сайт онлайн часов с помощью формы

Добавить онлайн часы на сайт с помощью JavaScript и формы довольно просто. Основная концепция заключается в том, чтобы непрерывно записывать данные времени в поле формы каждую 1 секунду, используя обновленное время с компьютера пользователя.

Вы можете скопировать и вставить приведенный ниже код на свой сайт и, при желании, немного поиграться с ним:

<form name="Clock">
 <input type="text" size="10" name="timer">
</form>
<script type="text/javascript">
function showCurrentTime(){
 var currDate = new Date();
 var hours = currDate.getHours();
 var minutes = currDate.getMinutes();
 var seconds = currDate.getSeconds();
 if (minutes <= 9) {
  minutes = "0" + minutes;
 }
 if (seconds <= 9) {
  seconds = "0" + seconds;
 }
 document.Clock.timer.value = hours + ":" + minutes + ":" + seconds;
 setTimeout("showCurrentTime()", 1000);
}
showCurrentTime();
</script>

Некоторые пояснения кода:

Если минуты/секунды меньше или равны 9, мы добавляем перед цифрой времени 0, чтобы формат секунд и минут был в двухзначном виде с ведущим нулем.
В рассмотренном коде основной частью является метод JavaScript , который запускает функцию каждую секунду

Данный метод обновляет функцию каждую секунду, что создает иллюзию, что часы действительно тикают.
Помните, формат часов в JavaScript от 0 до 23, а не от 1 до 24!
Важно! Не используйте форму на своем реальном сайте для показа часов. Такая реализация имеет свои преимущества, но в данном уроке она используется только лишь для демонстрационных целей

Используйте для этого другие HTML элементы.

5560
48
Опубликовано 07/04/2019
JavaScript, Уроки программирования

Анимация на JavaScript

Решил сделать несколько подразделов по этой теме, где я собрал, и показываю интересные примеры практического использования JavaScript для создания анимации на своём сайте.
Сначала покажу, на мой взгляд, наиболее эффектный пример анимации на JavaScript.

▼

Снег на сайте

Показал, и подробно объяснил практический пример использования JavaScript для создания интересного эффекта падающего снега на сайте.
СМОТРЕТЬ

Анимация JPG-рисунков

Сначала показал пример такой «анимации» с помощью JavaScript, а потом объяснил, чем на самом деле она является.
СМОТРЕТЬ

Движущиеся рисунки

Показываю несколько интересных примеров, и рассказываю, как с помощью JavaScript сделать рисунки движущимися. Разбираю основные параметры использованных скриптов.
СМОТРЕТЬ

Анимация цифр

Даю два примера простой цифровой анимации, и подробно объясняю, как создаются анимированные цифры на сайте.
СМОТРЕТЬ

Анимация букв

Интересный пример красивой текстовой анимации мигающих букв, и описание использованного javascript-кода примера.
СМОТРЕТЬ

Создаем таймер обратного отсчета на сайт!

таймер для сайта

Вот посмотрите сначала, что у Вас получится если Вы будете следовать моим советам и создадите подобный таймер для сайта. Нажмите на кнопку “Демо” и увидите таймер обратного отсчета времени, который в итоге должен у Вас получиться:

демо

Если Вам он понравился и Вы хотите создать такой же счетчик обратного отсчета на своем сайте, то давайте это сделаем прямо сейчас!

Мы с вами не будем использовать для создания подобного таймера обратного отсчета времени ни каких лишних инструментов, как дополнительные библиотеки jquery, а сделаем все на обычном javascript и в одном html файле. За то все быстро, легко для Вас и для сайта!

Этот таймер обратного отсчета времени будет обладать такими функциями как:

Вы сможете установить отсчет количества часов, минут и секунд
На каждой секунде отсчета, соответственно уменьшается время на одну секунду
Когда истекает установленное время отсчета, то появляется всплывающее окно с оповещающим текстом, что таймер сработал

Теперь давайте создадим данный таймер обратного отсчета времени на сайте. Вот сам код таймера:

<!DOCTYPE html> <html> <head> <meta http-equiv=’Content-Type’ content=’text/html; charset=utf-8′> <title>Создаем таймер обратного отсчета – Seo блог sergey-oganesyan.ru</title> <script> window.onload = function(){

function timer(){

var hour = document.getElementById(‘hour’).innerHTML; var minute = document.getElementById(‘minute’).innerHTML; var second = document.getElementById(‘second’).innerHTML; var end = false;

if( second > 0 ) second–; else{ second = 60;

if( minute > 0 ) minute–; else{ second = 60;

if( hour > 0 ) hour–; else end = true; } }

if(end){ clearInterval(intervalID); alert(“Таймер сработал!”); }else{ document.getElementById(‘hour’).innerHTML = hour; document.getElementById(‘minute’).innerHTML = minute; document.getElementById(‘second’).innerHTML = second; } } window.intervalID = setInterval(timer, 1000); } </script> <style> #timer{ margin: 20px auto; text-align: center; color: #333; font-family: fantasy; font-size: 100px; cursor: default; }

#timer div{ display: inline; } </style> </head> <body>

</body> </html>

А теперь, кому интересно, разберем составляющие данного кода таймера.

Вот этот кусок кода простой html, где содержится обертка для цифр с их идентификатором “timer” и блоки с их “id”:

В html коде Вы сможете изменить отсчет времени на свой.

Далее идет обыкновенный CSS код:

#timer{ margin: 20px auto; text-align: center; color: #333; font-family: fantasy; font-size: 100px; cursor: default; }

#timer div{ display: inline; }

В нем Вы сможете изменить стили на свои, если это будет Вам нужно. То есть поменять цвет, размер и т.д.

А теперь самое главное в этом скрипте – сам javascript, который отвечает за все функции нашего таймера. Вот так он выглядит:

function timer(){

var hour = document.getElementById(‘hour’).innerHTML; var minute = document.getElementById(‘minute’).innerHTML; var second = document.getElementById(‘second’).innerHTML; var end = false;

if( second > 0 ) second–; else{ second = 60;

if( minute > 0 ) minute–; else{ second = 60;

if( hour > 0 ) hour–; else end = true; } }

Теперь Вы можете таймер обратного отсчета скачать вот здесь:

скачать исходник

Этот файл содержит уже готовый к использованию таймер обратного отсчета на сайт!

На этом заканчиваю свой рассказ! Всем удачи и до новых встреч!

Получение отдельных компонентов даты и времени

В JavaScript для получения отдельных компонентов даты и времени предназначены следующие методы:

– возвращает год, состоящий из 4 чисел;
– возвращает месяц в формате числа от 0 до 11 (0 – январь, 1 – февраль, 2 – март, …, 11 – декабрь);
– возвращает число месяца от 1 до 31;
– возвращает количество часов от 0 до 23;
– возвращает количество минут от 0 до 59;
– возвращает количество секунд от 0 до 59;
– возвращает количество миллисекунд от 0 до 999.

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

Пример:

// создадим дату 11.11.2019 00:00 по UTC
var newDate = new Date(Date.UTC(2019,11,11));

// получим компоненты даты, если на устройстве пользователя местное время равно UTC+10:00
newDate.getFullYear(); //2019
newDate.getMonth(); // 10
newDate.getDate(); // 11
newDate.getHours(); // 10
newDate.getMinutes(); // 0
newDate.getSeconds(); // 0
newDate.getMilliseconds(); // 0

Пример, в котором поприветствуем пользователя в зависимости от того какой сейчас у него интервал времени:

// получим текущее время пользователя и компоненты этого времени
var 
  now = new Date(),
  hour = now.getHours(),
  minute = now.getMinutes(),
  second = now.getSeconds(),
  message = '';

// определим фразу приветствия в зависимости от местного времени пользователя 
if (hour <= 6) {
  message = 'Доброе время суток';
} else if (hour <= 12) {
  message = 'Доброе утро';
} else if (hour <= 18) {
  message = 'Добрый день';
} else {
  message = 'Добрый вечер';
}

// выполним форматирование времени с использованием тернарного оператора
minute = (minute < 10) ? '0' + minute : minute;
second = (second < 10) ? '0' + second : second;
hour = (hour < 10) ? '0' + hour : hour;

message += ', сейчас ' + hour + ':' + minute + ':' + second;

// выведем приветствие и время в консоль
console.log(message); // Добрый вечер, сейчас 22:50:39

В этом примере вывод времени в нужном формате осуществлён с использованием тернарного оператора.

В JavaScript имеются аналоги этих методов для получения отдельных компонентов даты и времени для часового пояса UTC+0. Эти методы называются аналогично, но с добавленным «UTC» после «get»: , , , , , , .

Получить номер дня недели в JavaScript можно с помощью метода .

Данный метод возвращает число от 0 до 6 (0 – воскресенье, 1 – понедельник, …, 6 – суббота).

Пример, в котором переведём день недели из числового в строковое представление:

var days =;

// получим текущую дату
var now = new Date();
// выведем в консоль день недели
console.log('Сегодня ' + days);

Получить количество миллисекунд прошедших с 01.01.1970 00:00:00 UTC в JavaScript можно с помощью метода .

Узнать разницу (в минутах) между часовым поясом локального устройства и UTC в JavaScript можно с помощью метода .

Вступление

JavaScript — это бесплатный язык сценариев, который работает как на стороне клиента, так и на стороне сервера. Он основан на тексте и работает вместе с HTML и CSS для улучшения функциональности кода и добавления интерактивных элементов. Короче говоря, JS может оживить скучные и статичные веб-страницы. JS интерпретируется, что означает, что код не нужно компилировать. Для огромных проектов, в которых используется много интерактивного контента, создаются отдельные файлы JavaScript с расширением .js. Однако JS также можно встроить в HTML-код с помощью тега <script>. Некоторые распространенные варианты использования JS — интерактивные карты, обновления новостей в реальном времени, проверка форм, создание целевых страниц и т. Д.

Вот простая JS-программа:

В этом коде текст изменяется при нажатии кнопки «Щелкнуть!» из-за события JavaScript onClick!

1 ответ

Поскольку RemoteViews не поддерживает установку шрифта для Textview, поэтому вам нужно нарисовать текст, а затем преобразовать в Bitmap следующим образом:

Шаг 1: Создайте изображение с пользовательским шрифтом:

Шаг 2: установите изображение в RemoteViews

Пожалуйста, подумайте о памяти с этим решением

22 март 2012, в 00:30
Поделиться

Ещё вопросы

Как оптимизировать UPDATE с вложенным подзапросом SELECT?
1Как установить в текстовом поле только цифры, одну (1) запятую и тире (для отрицательных чисел) в начале
1Новая активность требуется только для отображения нового экрана?
Быстрое преобразование Word Doc в HTML
Правильно включая шаблон угловой директивы
1изменить индикатор на двойной
1JavaScript — Как разместить выражение внутри выражения?
1pytest, получить тест, который вызывает фикстуру
Как создать индекс на CONCAT («строка», столбец) в MySQL?
angularjs — вычисляет выражение в директиве валидатора
Maya API — worldMatrix для перевода
Mysql NodeJs синхронные запросы
1IEnumerable <IDictionary <string, object >> to IQueryable
1ошибка при использовании подпроцесса python с g ++
1Celery: запуск нескольких асинхронных подзадач приводит к ошибке «никогда не вызывать results.get ()»
Как рассчитать количество вызовов самой функции Аккермана?
Использование одного div для очистки поплавка
Ошибка даже после запуска сервера MySQL с —skip-grant-tables
1Получить ObjectId из объекта класса User
1Невозможно подключиться к экземпляру Google Cloud SQL из Google App Engine при разработке в Eclipse
Как заменить на обновленное значение между строк, используя C ++?
Проверка содержимого фрейма
JQuery — Как сделать POST-вызов ajax и добавить данные
Как получить неравный цикл в GMP
не могу установить высоту таблицы стилей CSS, ширину в div из таблицы стилей
jQuery / прикрепить элемент div внутри другого элемента и нацелить / контролировать родительский элемент
1CryptographicException (параметр указан неверно) в Windows 8.1, но не в Windows 7
1Ошибка типа: объект типа X не поддерживает сериализацию в формате JSON
1Объявление не отображается при добавлении в макет со списком
1Нажмите клавишу, чтобы разорвать петлю
как я могу оживить элемент и не продолжать, пока он не закончится?
1Java-метод vrs эталонная производительность
1Относительное расположение в представлении прокрутки не работает
Любопытно — плюсы и минусы сохранения загруженных пользователем изображений с общим расширением файла (например, .tmp)?
HTML5 <fieldset> <legend>, обернутый вокруг сетки редактируемой таблицы?
Шаблоны C ++: ошибка при создании объекта
DISTINCT не удаляет дубликаты из внутренних объединений
1Как указать конкретный tsconfig.json в WebStorm
1JSON .Net Unity Deserialize словарь анонимных объектов
Можно ли установить корневой путь динамически создаваемого iframe в JavaScript или html?
1Категории функций PHP в классах / Случаи в параметрах
1javax.servlet.ServletException: не удалось разрешить представление с именем ‘home’ в сервлете с именем ‘dispatcher’
AngularJS $ animateCss как при загрузке страницы, так и при изменении вида
1Привязки данных для пользовательского управления не будет работать?
1Проблемы с Google Maps 2.0 API
1Есть ли какой-нибудь способ найти устройство — это мобильный или вкладка в Android? как удалить кнопку «Недавнее приложение» в одиночку?
Как обрабатывать события из сценария JQuery?
расширенный шаблон регулярных выражений для ввода html5
1Как список имеет быстрый произвольный доступ в Java?
1mysql2 вставка значений nodejs

JavaScript Вступление

Освоив базовые технологии создания сайтов, конечно же захотелось идти дальше. Жизнь не стоит на месте.
Сейчас редкие сайты обходятся без современных технологий: JavaScript + jQuery и более поздней jQuery UI.

Изучал их, как всегда дистанционно, по ШИКАРНЕЙШЕМУ(!), а по другому и не скажешь, обучающему видеокурсу с одноимённым названием.

Даже я, привыкший к отличному методу обучения этого автора, был ошеломлён количеством и качеством уроков!
Лишь только по теме JavaScript на диске записано 60 уроков и ещё столько же домашних заданий.
Об авторе рассказал на страницах «ССЫЛКИ» (в новом окне), где я сделал достаточно прямых
переходов на его ресурс.
Советую зайти, и посмотреть. Найдёте там очень много интересного материала по разным темам программирования.

В этом разделе покажу, чему смог научиться по 1-ой части диска: JavaScript, а в конце раздела,
кого интересует, узнают почему, освоив такую мощную технологию, не применяю её для основных страниц своего сайта.

* * *

JavaScript — строгий язык программирования. Малейшая ошибка в синтаксисе не даст скрипту выполняться.
Кроме внимательности, для изучения этого языка уверенные знания HTML и CSS — НЕОБХОДИМОСТЬ! Иначе — никак!

И, хоть это уже необязательно, но мне очень помогло в изучении то, что предварительно хорошо освоил основы языка PHP.
У обоих практически одинаковая логика и синтаксис. Поэтому, разбираться с новым языком было «в разы» легче.

JavaScript — это именно та технология, которая позволяет создавать АВТОМАТИЧЕСКИЕ сайты,
т.е. общающиеся с посетителями БЕЗ Вашего участия.

Вы программируете сценарий, следуя которому, Ваш сайт будет выполнять те или иные действия.

Покажу, разумеется, далеко не все методы, освоенные в этом замечательном видео-курсе. Их слишком много.
Покажу лишь несколько наиболее «ярких» примеров использования языка программирования.

JavaScript — это «клиентский» скрипт, т.е. выполняется он не на сервере, как PHP, а у Вас на компьютере, благодаря браузеру.
Если Вы отключили у себя в браузере интерпретатор javascript, увидеть действие скрипта Вы не сможете!

В скриптах вирусов НЕТ. Точно на 100%! Всё писал сам.

replace()

Этот метод находит первое упоминание в заданной строке и заменяет его на .

Отдаёт новую строку, не трогая оригинальную.

Вы можете передать регулярное выражение как первый аргумент:

заменяет только первое упоминание, но а если вы будете использовать regex как поиск строки, то вы можете использовать ():

Второй параметр может быть функцией. Эта функция будет вызвана с заданным количеством аргументов, когда найдётся совпадение (или каждое совпадение в случае с regex ):

Нужная строка
Целое число, которое указывает позицию в строке, где произошло совпадение
Строка

Отдающееся значение функции заменит совпадающую часть строки.

Пример:

Это работает и для обычных строк, а не только для регулярок:

В случае c regex, когда выбираются группы, все эти значения будут переданы как аргументы прямо после параметра совпадения.