Effet de saisie automatique | Gratuit - Par Youssef Pl

32 youssefpl

Ouvrir dans l'éditeur Publiez votre code

Effet de saisie automatique | Gratuit - Par Youssef Pl

Recommandé

25 February 2025

Un code par securearray494

28 December 2024

Une page d'accueil matricielle créée avec des index

29 August 2024

Interface utilisateur de la calculatrice - Neumorphisme - Drak

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);