首頁猿問 index++時添加延遲（增加）

index++時添加延遲（增加）

JavaScript

江戶川亂折騰 2022-10-27 14:49:21

我用 JavaScript 創(chuàng)建了一個類型編寫器效果，但我希望在函數(shù)增加索引之前更改單詞添加延遲const texts = ["Front Developer", "Designer", "Human"];let count = 0;let index = 0;let currentText = '';let letter = '';(function type(){ if(count === texts.length){ count = 0; } currentText = texts[count]; letter = currentText.slice(0, index++); document.querySelector('.typing').textContent = letter; if(letter.length === currentText.length){ count++; index = 0; } setTimeout(type, 400);}());I'm

查看完整描述

2 回答

不負相思意

TA貢獻1777條經(jīng)驗獲得超10個贊

嘗試return不同的timeout

const texts = ["Front Developer", "Designer", "Human"];

let count = 0;

let index = 0;

let currentText = '';

let letter = '';

(function type() {

if (count === texts.length) {

count = 0;

}

currentText = texts[count];

letter = currentText.slice(0, index++);

document.querySelector('.typing').textContent = letter;

if (letter.length === currentText.length) {

count++;

index = 0;

setTimeout(type, 2000);

return;

}

setTimeout(type, 200);

}());

I'm

反對回復 2022-10-27

繁星點點滴滴

TA貢獻1803條經(jīng)驗獲得超3個贊

這里有一個解決方案async / await

const texts = ["Front Developer", "Designer", "Human"];

let count = 0;

let index = 0;

let currentText = '';

let letter = '';

(async function type(){

if(count === texts.length){

count = 0;

}

currentText = texts[count];

letter = currentText.slice(0, index++);

document.querySelector('.typing').textContent = letter;

if(letter.length === currentText.length){

count++;

index = 0;

await sleep(4000);

}

await sleep(30);

type();

}());

function sleep(time) { return new Promise(res => setTimeout(res, time))}

I'm

反對回復 2022-10-27

2 回答
0 關注
110 瀏覽

關注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

index++時添加延遲（增加）

index++時添加延遲（增加）

2 回答

添加回答