@saghari @Raymond @salar.mohammad2013 @error.404
درود دوستان عزیز
این لینک رو ببینید...
در سمت راست ی متنی بصورت خودکار تغییر میکنه، همچین چیزی رو چطور باید بنویسم؟
درود خوبی..
پیوند زیر:
https://github.com/zhouzi/TheaterJS
شاید پاسخ شما همینجا باشد
@error.404
وبسایته باز نمیشه دوستِ خوبم
https://www.typeitjs.com/
این هم هست
میدونم دوستان جواب دادن ولی گفتم شاید بخوای از کتابخونه استفاده نکنی کد رو امروز زدم وگرنه زودتر میفرستادم
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, // مدت وقفه بین چاپ دو عبارت
})@saghari ممنون محمد حسین ❤️