* { box-sizing: border-box; } p { } .intro-section { border-radius: 12px; } .intro-section p { } .example { border-radius: 8px; border-left: 4px solid white; } .toc { border-radius: 8px; border: 1px solid #e0e0e0; } .toc strong { display: block; } .toc ul { list-style: none; padding-left: 0; } .toc li { } .toc a { text-decoration: none; transition: color 0.3s ease; } .toc a:hover { text-decoration: underline; } .article-image { width: 100%; max-width: 800px; height: auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.8); display: block; aspect-ratio: 16/9; object-fit: cover; } .content-section { border-radius: 8px; border-left: 4px solid var(—orange); } .calendar-module { border-radius: 12px; text-align: center; } .calendar-module .date-input { border: none; border-radius: 8px; min-width: 200px; } .calculate-btn { border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s ease; } .calculate-btn:hover { } .result { border-radius: 8px; } .faq-section { border-radius: 12px; } .faq-item { border-radius: 8px; border-left: 4px solid var(—green); } .faq-question { } .faq-answer { } .cta-section { border-radius: 12px; text-align: center; } .cta-section .cta-button { border: none; border-radius: 8px; cursor: pointer; transition: transform 0.3s ease; } .cta-button:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .internal-link { text-decoration: none; border-bottom: 1px dotted var(—blue); transition: all 0.3s ease; } .internal-link:hover { border-bottom- } .highlight { border-radius: 4px; } .warning-box { border: 1px solid var(—yellow); border-left: 4px solid var(—yellow); border-radius: 8px; } .success-box { border: 1px solid var(—green); border-left: 4px solid var(—green); border-radius: 8px; } .info-box { border: 1px solid var(—info); border-left: 4px solid var(—info); border-radius: 8px; } ul, ol { padding-left: 2rem; } li { } @media (max-width: 768px) { .intro-section, .calendar-module, .cta-section { } .date-input { min-width: 150px; } .calculate-btn { } } @media (max-width: 1024px) { } @media (min-width: 1025px) { }
Калькулятор сроков банковской гарантии
Рассчитайте оптимальный срок действия гарантии с учетом буферного времени
<div style=" const endDate = document.getElementById('contract-end').value; const bufferPercent = parseInt(document.getElementById('buffer-percent').value); if (!startDate || !endDate) { alert('Пожалуйста, заполните все поля'); return; } const start = new Date(startDate); const end = new Date(endDate); if (end <= start) { alert('Дата завершения должна быть позже даты начала'); return; } const contractDays = Math.ceil((end — start) / (1000 * 60 * 60 * 24)); const bufferDays = Math.ceil(contractDays * bufferPercent / 100); const totalDays = contractDays + bufferDays; const guaranteeEnd = new Date(start); guaranteeEnd.setDate(guaranteeEnd.getDate() + totalDays); const result = document.getElementById('result'); result.innerHTML = ` Результат расчета:
Срок контракта: ${contractDays} дней
Буферное время: ${bufferDays} дней (${bufferPercent}%)
Рекомендуемый срок гарантии: ${totalDays} дней
Дата истечения гарантии: ${guaranteeEnd.toLocaleDateString(‘ru-RU’)} `; result.style.display = ‘block’; } // Устанавливаем текущую дату как дату начала document.addEventListener(‘DOMContentLoaded’, function() { const today = new Date(); const nextMonth = new Date(today); nextMonth.setMonth(nextMonth.getMonth() + 1); document.getElementById(‘contract-start’).value = today.toISOString().split(‘T’)[0]; document.getElementById(‘contract-end’).value = nextMonth.toISOString().split(‘T’)[0]; });
Нужна помощь с банковской гарантией?
Наши эксперты помогут вам получить банковскую гарантию на выгодных условиях.
