Скрипт изначально создавал чрезмерную нагрузку на сервер и браузер, поскольку каждые 10 секунд выполнял полное сканирование форума в поисках новых тем. В исправленной версии оптимизирована логика обновления: теперь проверка выполняется только раз в 5 минут, без лишних запросов и нагрузки на систему.

Код

<script>
(async function nfForumCarouselHot3_fixedCarousel() {
  try {
    const track = document.querySelector('.nf-carousel-track');
    if (!track) return console.warn('nfCarousel: .nf-carousel-track not found');

    const arrowLeft = document.querySelector('.nf-carousel-arrow-left');
    const arrowRight = document.querySelector('.nf-carousel-arrow-right');
    const container = track.closest('.nf-carousel-container') || track.parentElement;

    const BASE_FORUM_URL = '/forum/0-0-1-34';
    const CACHE_KEY = 'nf_forum_hot_3_clean';
    const CACHE_TIME = 8 * 60 * 60 * 1000; // 8 часов
    const MIN_REFRESH_MS = 5000; // минимальная задержка 5 секунд
    const MAX_CARDS = 16; // макс. карточек

    let lastFetch = 0;
    let inProgress = false;
    let lastRenderedHrefs = '';
    let index = 0;
    let arrowsBound = false;

    function toAbs(url) {
      if (!url) return '';
      if (url.startsWith('http')) return url;
      if (url.startsWith('//')) return window.location.protocol + url;
      return window.location.origin + (url.startsWith('/') ? url : '/' + url);
    }

    function escapeHtml(s) {
      return String(s || '').replace(/[&<>"']/g, m => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]));
    }

    function getCleanText(el, maxLength = 220) {
      if (!el) return '';
      let text = '';
      const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, null, false);
      let node;
      while (node = walker.nextNode()) {
        if (node.parentNode.closest && node.parentNode.closest('script, style, iframe')) continue;
        let t = node.nodeValue;
        if (!t) continue;
        t = t.replace(/[\t\n\r\u00A0]+/g, ' ');
        t = t.replace(/\s+/g, ' ').trim();
        if (t) text += t + ' ';
      }
      text = text.replace(/\s+([.,!?;:])/g, '$1');
      text = text.replace(/<[^>]+>/g, '');
      text = text.replace(/\b(?:margin|padding|width|height|text-align|border-radius|box-shadow|color|background|font|line-height)\s*:[^;]+;/gi, '');
      text = text.replace(/[^\wа-яА-Я0-9.,!?;: \-()'"«»]/g, '');
      return text.trim().slice(0, maxLength);
    }

    async function fetchHTML(url) {
      const res = await fetch(url, { credentials: 'same-origin', cache: 'no-cache' });
      return await res.text();
    }

    function findHotInDoc(doc) {
      const rows = Array.from(doc.querySelectorAll('td.threadNametd, .threadNametd, tr'));
      const result = [];
      for (let td of rows) {
        const badge = td.querySelector('.ipsBadge');
        const pages = td.querySelector('.postpSwithces, .postPSwithcesLink');
        if (!((badge && /горяч/i.test(badge.textContent || '')) || pages)) continue;
        const linkEl = td.querySelector('a.threadLink');
        if (!linkEl) continue;
        const href = toAbs(linkEl.getAttribute('href') || linkEl.href || '');
        const title = (linkEl.textContent || '').trim() || '(без названия)';
        const row = td.closest('tr');
        let icon = row?.querySelector('img')?.getAttribute('src') || '';
        icon = toAbs(icon) || '/forumimages/Newsletter-3.png';
        const author = (row?.querySelector('.threadAuthTd')?.textContent || '').trim() || 'Аноним';
        const views = parseInt((row?.querySelector('.threadViewTd, .views')?.textContent || '').replace(/\D/g, '')) || 0;
        result.push({ href, title, icon, author, views });
        if (result.length >= MAX_CARDS) break;
      }
      return result;
    }

    function uniqueThreads(arr) {
      const seen = new Set();
      return arr.filter(t => {
        if (seen.has(t.href)) return false;
        seen.add(t.href);
        return true;
      });
    }

    function setSlideSizes() {
      const slides = Array.from(track.children);
      const width = (container?.clientWidth || track.clientWidth || 600);
      slides.forEach(s => s.style.width = width + 'px');
      track.style.display = 'flex';
      track.style.transition = 'transform 0.45s ease';
    }

    function updateCarouselPosition() {
      const total = track.children.length || 1;
      if (index < 0) index = 0;
      if (index > total - 1) index = Math.max(0, total - 1);
      const width = (container?.clientWidth || track.clientWidth || 600);
      track.style.transform = `translateX(${-index * width}px)`;
      if (arrowLeft) arrowLeft.style.opacity = index === 0 ? '0.4' : '1';
      if (arrowRight) arrowRight.style.opacity = index >= total - 1 ? '0.4' : '1';
    }

    function bindArrowsOnce() {
      if (arrowsBound) return;
      arrowsBound = true;
      arrowLeft?.addEventListener('click', () => { index = Math.max(0, index - 1); updateCarouselPosition(); });
      arrowRight?.addEventListener('click', () => { index = Math.min(track.children.length - 1, index + 1); updateCarouselPosition(); });
      window.addEventListener('keydown', e => {
        if (e.key === 'ArrowLeft') { index = Math.max(0, index - 1); updateCarouselPosition(); }
        if (e.key === 'ArrowRight') { index = Math.min(track.children.length - 1, index + 1); updateCarouselPosition(); }
      });
      let startX = null;
      track.addEventListener('touchstart', e => startX = e.touches[0].clientX, { passive:true });
      track.addEventListener('touchend', e => {
        if (startX === null) return;
        const dx = e.changedTouches[0].clientX - startX;
        if (Math.abs(dx) > 50) index = dx < 0 ? Math.min(track.children.length - 1, index + 1) : Math.max(0, index - 1);
        updateCarouselPosition();
        startX = null;
      }, { passive:true });
    }

    function renderCards(cards, smooth = true) {
      try {
        if (!cards?.length) return;
        const hrefs = cards.map(c => c.href).join('|');
        if (hrefs === lastRenderedHrefs) { setSlideSizes(); updateCarouselPosition(); return; }
        lastRenderedHrefs = hrefs;

        // сохраняем высоту, чтобы не дергать layout сильно
        const rect = track.getBoundingClientRect();
        const curH = rect.height || track.offsetHeight || 200;
        track.style.minHeight = curH + 'px';

        // создаём фрагмент
        const frag = document.createDocumentFragment();
        for (const c of cards) {
          const a = document.createElement('a');
          a.className = 'nf-card';
          a.href = c.href;
          a.target = '_self';
          a.style.flex = '0 0 100%';
          a.innerHTML = `
            <div class="nf-card-img"><img src="${escapeHtml(c.img || c.icon)}" alt="${escapeHtml(c.title)}"><div class="nf-card-badge">🔥 Горячая тема</div></div>
            <div class="nf-card-content">
              <div class="nf-card-title">${escapeHtml(c.title)}</div>
              <div class="nf-card-desc">${escapeHtml(c.text || '')}</div>
              <div class="nf-card-meta" style="display:flex;align-items:center;gap:8px;">
                <img src="${escapeHtml(c.avatar || '/forumimages/default-avatar.png')}" style="width:48px;height:48px;border-radius:50%;">
                <span class="author-nick">${escapeHtml(c.author)}</span>
                <span class="views-count">👁️ ${c.views}</span>
              </div>
            </div>`;
          frag.appendChild(a);
        }

        // Плавно заменяем содержимое
        if (smooth) {
          track.style.transition = 'opacity 220ms ease';
          track.style.opacity = '0';
          setTimeout(() => {
            // очистка старого содержимого безопасным способом
            while (track.firstChild) track.removeChild(track.firstChild);
            track.appendChild(frag);
            setSlideSizes();
            if (index > track.children.length - 1) index = Math.max(0, track.children.length - 1);
            updateCarouselPosition();
            track.style.opacity = '1';
            setTimeout(() => { track.style.minHeight = ''; }, 300);
          }, 220);
        } else {
          while (track.firstChild) track.removeChild(track.firstChild);
          track.appendChild(frag);
          setSlideSizes();
          if (index > track.children.length - 1) index = Math.max(0, track.children.length - 1);
          updateCarouselPosition();
          track.style.minHeight = '';
        }

        bindArrowsOnce();
      } catch (e) {
        console.error('nfCarousel renderCards error', e);
      }
    }

    async function loadData(force = false) {
      const now = Date.now();
      if (inProgress || (!force && now - lastFetch < MIN_REFRESH_MS)) return;
      inProgress = true;
      lastFetch = now;
      try {
        // берем сначала с текущей страницы
        let threads = findHotInDoc(document);
        if (!threads.length) {
          const html = await fetchHTML(BASE_FORUM_URL);
          const doc = new DOMParser().parseFromString(html, 'text/html');
          threads = findHotInDoc(doc);
        }
        threads = uniqueThreads(threads).slice(0, MAX_CARDS);
        if (!threads.length) { inProgress = false; return; }

        // ⚡ ВАЖНО: не заходим в каждую тему — берём данные из списка
        const cards = threads.map(t => ({
          href: t.href,
          title: t.title,
          img: t.icon || t.img || '/forumimages/Newsletter-3.png',
          icon: t.icon,
          author: t.author || 'Аноним',
          views: t.views || 0,
          text: '', // нет глубокого текста
          avatar: '/forumimages/default-avatar.png'
        }));

        // кешируем результат
        try {
          localStorage.setItem(CACHE_KEY, JSON.stringify({ time: Date.now(), cards }));
        } catch (e) {
          // ignore quota errors
        }

        renderCards(cards, true);
      } catch (err) {
        console.error('nfCarousel loadData error', err);
      } finally {
        inProgress = false;
      }
    }

    // --- инициализация из кэша или загрузка ---
    try {
      const raw = localStorage.getItem(CACHE_KEY);
      if (raw) {
        const cached = JSON.parse(raw || '{}');
        if (cached.cards && Date.now() - (cached.time || 0) < CACHE_TIME) {
          renderCards(cached.cards, false);
        } else {
          await loadData(true);
        }
      } else {
        await loadData(true);
      }
    } catch (e) {
      await loadData(true);
    }

    // Авто-обновление каждые 5 минут
    setInterval(() => loadData(false), 5 * 60 * 1000);

    // ресайз
    window.addEventListener('resize', () => { setSlideSizes(); updateCarouselPosition(); }, { passive: true });

  } catch (e) {
    console.error('nfCarousel init error', e);
  }
})();
</script>

Мурчанн

2

Если скрипт работать не будет , используйте этот вариант.

Код

<script>
(async function nfForumCarouselHot3_fixedCarousel() {
const track = document.querySelector('.nf-carousel-track');
if (!track) return;

const arrowLeft = document.querySelector('.nf-carousel-arrow-left');
const arrowRight = document.querySelector('.nf-carousel-arrow-right');
const container = track.closest('.nf-carousel-container') || track.parentElement;

const BASE_FORUM_URL = '/forum/0-0-1-34';
const CACHE_KEY = 'nf_forum_hot_3_clean';
const CACHE_TIME = 30 * 60 * 1000; // 1 час кэш
const MIN_REFRESH_MS = 5000; // минимальная задержка 5 секунд
const MAX_CARDS = 16; // макс. количество карточек

let lastFetch = 0;
let inProgress = false;
let lastRenderedHrefs = '';
let index = 0;
let arrowsBound = false;

function toAbs(url) {
if (!url) return '';
if (url.startsWith('http')) return url;
if (url.startsWith('//')) return window.location.protocol + url;
return window.location.origin + (url.startsWith('/') ? url : '/' + url);
}

function escapeHtml(s) {
return String(s || '').replace(/[&<>"']/g, m => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]));
}

// --- Чистый текст без спецсимволов и больших пробелов ---
function getCleanText(el, maxLength = 220) {
if (!el) return '';
let text = '';
const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, null, false);
let node;
while(node = walker.nextNode()) {
// пропускаем скрипты, стили и iframe
if(node.parentNode.closest('script, style, iframe')) continue;
let t = node.nodeValue;
if(!t) continue;

// убираем табы, переносы строк, неразрывные пробелы
t = t.replace(/[\t\n\r\u00A0]+/g, ' ');

// убираем лишние пробелы
t = t.replace(/\s+/g, ' ').trim();

if(t) text += t + ' ';
}

// пробелы перед знаками препинания
text = text.replace(/\s+([.,!?;:])/g, '$1');

// полностью удаляем HTML-теги, если что-то осталось
text = text.replace(/<[^>]+>/g, '');

// удаляем CSS свойства и подобное
text = text.replace(/\b(?:margin|padding|width|height|text-align|border-radius|box-shadow|color|background|font|line-height)\s*:[^;]+;/gi, '');

// убираем все странные спецсимволы, оставляем буквы, цифры, базовую пунктуацию
text = text.replace(/[^\wа-яА-Я0-9.,!?;: \-()'"«»]/g, '');

// обрезаем до maxLength символов
return text.trim().slice(0, maxLength);
}

async function fetchHTML(url) {
const res = await fetch(url, { credentials: 'same-origin', cache: 'no-cache' });
return await res.text();
}

function findHotInDoc(doc) {
const rows = Array.from(doc.querySelectorAll('td.threadNametd, .threadNametd, tr'));
const result = [];
for (let td of rows) {
const badge = td.querySelector('.ipsBadge');
const pages = td.querySelector('.postpSwithces, .postPSwithcesLink');
if (!((badge && /горяч/i.test(badge.textContent || '')) || pages)) continue;
const linkEl = td.querySelector('a.threadLink');
if (!linkEl) continue;
const href = toAbs(linkEl.getAttribute('href') || linkEl.href || '');
const title = (linkEl.textContent || '').trim() || '(без названия)';
const row = td.closest('tr');
let icon = row?.querySelector('img')?.getAttribute('src') || '';
icon = toAbs(icon) || '/forumimages/Newsletter-3.png';
const author = (row?.querySelector('.threadAuthTd')?.textContent || '').trim() || 'Аноним';
const views = parseInt((row?.querySelector('.threadViewTd, .views')?.textContent || '').replace(/\D/g, '')) || 0;
result.push({ href, title, icon, author, views });
if (result.length >= MAX_CARDS) break;
}
return result;
}

function uniqueThreads(arr) {
const seen = new Set();
return arr.filter(t => {
if (seen.has(t.href)) return false;
seen.add(t.href);
return true;
});
}

async function enrichThread(t) {
try {
const txt = await fetchHTML(t.href);
const doc = new DOMParser().parseFromString(txt, 'text/html');
const postEl = doc.querySelector('.post_content, .post_body, .post, .message, .ipsType_richText');
const text = getCleanText(postEl);
let img = '';
if (postEl) {
for (let im of Array.from(postEl.querySelectorAll('img'))) {
const src = im.getAttribute('data-src') || im.src || '';
if (!src) continue;
if (/avatar|forumimages|template/i.test(src)) continue;
img = toAbs(src); break;
}
}
if (!img) img = t.icon;
const authorEl = doc.querySelector('.postUser, .author, .post-author-name');
const author = (authorEl?.textContent?.trim()) || t.author || 'Аноним';
const avatarEl = doc.querySelector('.avatar img, .ipsUserPhoto');
const avatar = toAbs(avatarEl?.src || '/forumimages/default-avatar.png');
return { ...t, text, img, author, avatar };
} catch (e) {
return { ...t, text: '', img: t.icon, avatar: '/forumimages/default-avatar.png' };
}
}

function setSlideSizes() {
const slides = Array.from(track.children);
const width = (container?.clientWidth || track.clientWidth || 600);
slides.forEach(s => s.style.width = width + 'px');
track.style.display = 'flex';
track.style.transition = 'transform 0.45s ease';
}

function updateCarouselPosition() {
const total = track.children.length || 1;
if (index < 0) index = 0;
if (index > total - 1) index = Math.max(0, total - 1);
const width = (container?.clientWidth || track.clientWidth || 600);
track.style.transform = `translateX(${-index * width}px)`;
if (arrowLeft) arrowLeft.style.opacity = index === 0 ? '0.4' : '1';
if (arrowRight) arrowRight.style.opacity = index >= total - 1 ? '0.4' : '1';
}

function bindArrowsOnce() {
if (arrowsBound) return;
arrowsBound = true;
arrowLeft?.addEventListener('click', () => { index = Math.max(0, index - 1); updateCarouselPosition(); });
arrowRight?.addEventListener('click', () => { index = Math.min(track.children.length - 1, index + 1); updateCarouselPosition(); });
window.addEventListener('keydown', e => {
if (e.key === 'ArrowLeft') index = Math.max(0, index - 1), updateCarouselPosition();
if (e.key === 'ArrowRight') index = Math.min(track.children.length - 1, index + 1), updateCarouselPosition();
});
let startX = null;
track.addEventListener('touchstart', e => startX = e.touches[0].clientX, { passive:true });
track.addEventListener('touchend', e => {
if (startX === null) return;
const dx = e.changedTouches[0].clientX - startX;
if (Math.abs(dx) > 50) index = dx < 0 ? Math.min(track.children.length - 1, index + 1) : Math.max(0, index - 1);
updateCarouselPosition();
startX = null;
}, { passive:true });
}

function renderCards(cards, smooth = true) {
if (!cards?.length) return;
const hrefs = cards.map(c => c.href).join('|');
if (hrefs === lastRenderedHrefs) { setSlideSizes(); updateCarouselPosition(); return; }
lastRenderedHrefs = hrefs;

const temp = document.createElement('div');
temp.style.display = 'flex';
temp.style.flexWrap = 'nowrap';

for (const c of cards) {
const a = document.createElement('a');
a.className = 'nf-card';
a.href = c.href;
a.target = '_self';
a.style.flex = '0 0 100%';
a.innerHTML = `
<div class="nf-card-img"><img src="${c.img}" alt="${escapeHtml(c.title)}"><div class="nf-card-badge">🔥 Горячая тема</div></div>
<div class="nf-card-content">
<div class="nf-card-title">${escapeHtml(c.title)}</div>
<div class="nf-card-desc">${escapeHtml(c.text || '')}</div>
<div class="nf-card-meta" style="display:flex;align-items:center;gap:8px;">
<img src="${c.avatar}" style="width:48px;height:48px;border-radius:50%;">
<span class="author-nick">${escapeHtml(c.author)}</span>
<span class="views-count">👁️ ${c.views}</span>
</div>
</div>`;
temp.appendChild(a);
}

const rect = track.getBoundingClientRect();
const curH = rect.height || track.offsetHeight || 200;
track.style.minHeight = curH + 'px';

if (smooth) {
track.style.transition = 'opacity 220ms ease';
track.style.opacity = '0';
setTimeout(() => {
track.innerHTML = temp.innerHTML;
setSlideSizes();
if (index > track.children.length - 1) index = Math.max(0, track.children.length - 1);
updateCarouselPosition();
track.style.opacity = '1';
setTimeout(() => { track.style.minHeight = ''; }, 300);
}, 220);
} else {
track.innerHTML = temp.innerHTML;
setSlideSizes();
if (index > track.children.length - 1) index = Math.max(0, track.children.length - 1);
updateCarouselPosition();
track.style.minHeight = '';
}

bindArrowsOnce();
}

async function loadData(force=false) {
const now = Date.now();
if (inProgress || (!force && now - lastFetch < MIN_REFRESH_MS)) return;
inProgress = true;
lastFetch = now;
try {
let threads = findHotInDoc(document);
if (!threads.length) {
const html = await fetchHTML(BASE_FORUM_URL);
const doc = new DOMParser().parseFromString(html, 'text/html');
threads = findHotInDoc(doc);
}
threads = uniqueThreads(threads).slice(0, MAX_CARDS);
if (!threads.length) { inProgress=false; return; }
const cards = await Promise.all(threads.map(enrichThread));
try { localStorage.setItem(CACHE_KEY, JSON.stringify({ time: Date.now(), cards })); } catch(e){}
renderCards(cards, true);
} catch(err) {
console.error('nfCarousel loadData error', err);
} finally {
inProgress = false;
}
}

try {
const cached = JSON.parse(localStorage.getItem(CACHE_KEY) || '{}');
if (cached.cards && Date.now() - (cached.time || 0) < CACHE_TIME) {
renderCards(cached.cards, false);
} else {
await loadData(true);
}
} catch(e) {
await loadData(true);
}

// Авто-обновление каждые 10 минут
setInterval(() => loadData(false), 10 * 60 * 1000);

window.addEventListener('resize', () => { setSlideSizes(); updateCarouselPosition(); }, { passive: true });

})();
</script>

Мурчанн

3

Безопасность не дремлет, а разработчики браузеров уже в полном ах*е.

Срочно прячьте пароли в носках!

Мурчанн

4