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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

js給文字依次添加動(dòng)畫問題

js給文字依次添加動(dòng)畫問題

溫溫醬 2019-02-19 21:19:59
問題: 給文字添加動(dòng)畫讓其依次(間隔100ms)展現(xiàn)出來,下面的代碼出了什么問題啊? 或者給出其他更好的方案<ul class="u1"></ul>$(function () {    var str = '線性變換保留了直線和平行線,線性變換保留直線的同時(shí),其他的幾何性質(zhì)如長度、角度、面積和體積可能被變換改變了。簡單的說,線性變換可能“拉伸”坐標(biāo)系,但不會(huì)“彎曲”或“卷折”坐標(biāo)系。這個(gè)函數(shù)主要是將我們的連接線在拖動(dòng)彈力球后被拖拉的連接線的進(jìn)行一個(gè)“變化矩陣”的操作'    var arr = str.split('');    for (var i = 0; i < arr.length; i++) {        setTimeout(function() {            console.log(arr[i]); // undefined?            $('.u1').append('<span class="anim zoomInRight">' + arr[i] + '</span>');        }, 100 * i);    }});目前的效果如圖(動(dòng)畫沒問題,只是文字沒出來):想要的結(jié)果:
查看完整描述

2 回答

?
心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊

var 改成 let


   for (let i = 0; i < arr.length; i++) {

        setTimeout(function() {

            console.log(arr[i]); // undefined?

            $('.u1').append('<span class="anim zoomInRight">' + arr[i] + '</span>');

        }, 100 * i);

    }

或者


    (function(i){

            setTimeout(function() {

            $('.u1').append('<span class="anim zoomInRight">' + arr[i] + '</span>');

        }, 100 * i);

        })(i);


查看完整回答
反對(duì) 回復(fù) 2019-02-25
?
小唯快跑啊

TA貢獻(xiàn)1863條經(jīng)驗(yàn) 獲得超2個(gè)贊

首先,字符串可以for循環(huán)遍歷 不用轉(zhuǎn)成數(shù)組 其次,setTimeout是異步的 它內(nèi)部保存著對(duì)i的引用,在100毫秒后調(diào)用定時(shí)器時(shí),循環(huán)早已結(jié)束。函數(shù)執(zhí)行調(diào)用i時(shí),i的值為字符串的長度,arr[i]就是undefined??梢赃@樣修改:

(function(i){setTimeout(function() {


        console.log(arr[i]); // undefined?

        $('.u1').append('<span class="anim zoomInRight">' + arr[i] + '</span>');

    }, 100 * i)})(i);


查看完整回答
反對(duì) 回復(fù) 2019-02-25
  • 2 回答
  • 0 關(guān)注
  • 621 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)