valitovgaziz/tp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: main_dc/valitovgaziz/html/digital_background.js

Browse Source 
minify digitals for beter perfomance
This commit is contained in:
Газиз Валитов
2026-02-20 08:46:54 +05:00
parent cd53d2a1e5
commit 52c2cb5aa0
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main_dc/valitovgaziz/html/digital_background.js
+3 -3
View File
@@ -34,7 +34,7 @@ function createBinaryRain() {
document.body.appendChild(container); document.body.appendChild(container);
// Создаем больше потоков для полного покрытия // Создаем больше потоков для полного покрытия
for (let i = 0; i < 80; i++) { // Увеличиваем количество потоков for (let i = 0; i < 15; i++) { // Увеличиваем количество потоков
setTimeout(() => { setTimeout(() => {
createBinaryStream(container); createBinaryStream(container);
}, i * 150); }, i * 150);
@@ -51,13 +51,13 @@ function createBinaryStream(container) {
stream.style.width = 'auto'; stream.style.width = 'auto';
// Создаем больше цифр в каждом потоке // Создаем больше цифр в каждом потоке
for (let i = 0; i < 25; i++) { for (let i = 0; i < 15; i++) {
const digit = document.createElement('div'); const digit = document.createElement('div');
digit.className = 'binary-digit'; digit.className = 'binary-digit';
digit.textContent = Math.random() > 0.5 ? '1' : '0'; digit.textContent = Math.random() > 0.5 ? '1' : '0';
digit.style.position = 'absolute'; digit.style.position = 'absolute';
digit.style.left = '0'; digit.style.left = '0';
digit.style.top = `${-i * 25}px`; // Увеличиваем расстояние между цифрами digit.style.top = `${-i * 50}px`; // Увеличиваем расстояние между цифрами
digit.style.animationDuration = `${2 + Math.random() * 3}s`; // Быстрее анимация digit.style.animationDuration = `${2 + Math.random() * 3}s`; // Быстрее анимация
digit.style.animationDelay = `${i * 0.15}s`; digit.style.animationDelay = `${i * 0.15}s`;
digit.style.opacity = `${0.3 + Math.random() * 0.7}`; // Разная прозрачность digit.style.opacity = `${0.3 + Math.random() * 0.7}`; // Разная прозрачность