Effet de saisie automatique | Gratuit - Par Youssef Pl

303 youssefpl

Ouvrir dans l'éditeur Publiez votre code

Effet de saisie automatique | Gratuit - Par Youssef Pl

Recommandé

4 November 2024

page d'accueil pour un site de portfolio

5 August 2025

Liste de cartes d'entreprise : exemple HTML et CSS

6 January 2026

tableau de bord géométrique

HTML

CSS

const textElement = document.getElementById('text');
// النصوص الإنجليزية البديلة
const words = ["Welcome to our website", "We design the future", "Creativity knows no limits"];
let wordIndex = 0;
let charIndex = 0;
let isDeleting = false;
let typeSpeed = 100;

function type() {
    const currentWord = words[wordIndex];
    
    if (isDeleting) {
        textElement.textContent = currentWord.substring(0, charIndex - 1);
        charIndex--;
        typeSpeed = 50; // سرعة الحذف
    } else {
        textElement.textContent = currentWord.substring(0, charIndex + 1);
        charIndex++;
        typeSpeed = 150; // سرعة الكتابة
    }

if (!isDeleting && charIndex === currentWord.length) {
        isDeleting = true;
        typeSpeed = 2000; // مدة التوقف عند اكتمال الكلمة
    } else if (isDeleting && charIndex === 0) {
        isDeleting = false;
        wordIndex = (wordIndex + 1) % words.length;
        typeSpeed = 500;
    }

setTimeout(type, typeSpeed);
}

document.addEventListener('DOMContentLoaded', type);