راکت
حل شده

تغییر متن بصورت خودکار

8 پاسخ

@saghari @Raymond @salar.mohammad2013 @error.404
درود دوستان عزیز
این لینک رو ببینید...
در سمت راست ی متنی بصورت خودکار تغییر میکنه، همچین چیزی رو چطور باید بنویسم؟

ثبت پرسش جدید

پاسخ‌ها

8
رایموند
رایموند
@Raymond

تخصص: مختصص وردپرس - برنامه نویس لاراول

بهترین پاسخ

درود خوبی..
پیوند زیر:
https://github.com/zhouzi/TheaterJS

آرتین کریمی
آرتین کریمی
@error.404

تخصص: طراح وب و برنامه نویس

1.استفاده از gif
۲.استفاده از جاوااسکریپت

آرتین کریمی
آرتین کریمی
@error.404

تخصص: طراح وب و برنامه نویس

شاید پاسخ شما همین‌جا باشد

مهدی
مهدی
@mehdi8686h

تخصص: توسعه دهنده فرانت اند

@error.404
وبسایته باز نمیشه دوستِ خوبم

آرتین کریمی
آرتین کریمی
@error.404

تخصص: طراح وب و برنامه نویس

آرتین کریمی
آرتین کریمی
@error.404

تخصص: طراح وب و برنامه نویس

محمد حسین
محمد حسین
@saghari

تخصص: mevn stack

میدونم دوستان جواب دادن ولی گفتم شاید بخوای از کتابخونه استفاده نکنی کد رو امروز زدم وگرنه زودتر میفرستادم

async function typing(element, texts, options) {
    const el = document.querySelector(element);
    const speed = (options.speed || 100);

    while (true) {
        for (const text of texts) {
            for (let i = 0; i < text.length; i++) {
                el.textContent += text[i];
                const randomSpeed = options.random ? Math.floor(Math.random() * ((speed[1] - speed[0]) + speed[0])) : speed;
                await new Promise(resolve => setTimeout(resolve, randomSpeed));
            }
            await new Promise(resolve => setTimeout(resolve, options.delay || 3000));
            for (let i = text.length; i >= 0; i--) {
                el.textContent = text.slice(0, i);
                const randomSpeed = options.random ? Math.floor(Math.random() * ((speed[1] - speed[0]) + speed[0])) : speed;
                await new Promise(resolve => setTimeout(resolve, randomSpeed));
            }
            el.textContent = '';
            await new Promise(resolve => setTimeout(resolve, options.break || 0));
        }
    }
}

استفادشم اینطوریه

typing('#app', [
    'hello world',
    'lorem ipsum',
], {
    speed: [100, 500], // اگه رندوم نبود یه عدد ولی اگه رندوم بود یه بازه
    delay: 2000, // مدت توقف روی عبارت برای خوندن
    random: true, // سرعت رندوم
    break: 500, // مدت وقفه بین چاپ دو عبارت
})
مهدی
مهدی
@mehdi8686h

تخصص: توسعه دهنده فرانت اند

@saghari ممنون محمد حسین ❤️

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام