مهدی
9 ماه پیش توسط مهدی مطرح شد
8 پاسخ

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

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


ثبت پرسش جدید
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 9 ماه پیش مطرح شد
1

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


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 9 ماه پیش مطرح شد
1

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


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 9 ماه پیش مطرح شد
مهدی
تخصص : توسعه دهنده فرانت اند
@mehdi8686h 9 ماه پیش مطرح شد
0

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


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 9 ماه پیش مطرح شد
آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 9 ماه پیش مطرح شد
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 9 ماه پیش مطرح شد
1

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


محمد حسین
تخصص : mevn stack
@saghari 9 ماه پیش مطرح شد
1

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

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 9 ماه پیش مطرح شد
0

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


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

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