標籤:app 部落格 .com har 最好 src .text meta page
<!doctype html><html><head><meta charset="utf-8"><title>基於jQuery實現的打字機效果-jq22.com</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script><style></style></head><body> <div id="text"></div></body><script> var _text = ‘部落格天下\nabc\-部落格\n\天下熱門排行榜—網易雲閱讀。最好最全的線上免費閱讀部落格天下的網站。支援手機閱讀支援手機閱讀支援手機閱讀支援手機閱讀‘; var _index = 0; var tid = setInterval(function(){ var _div = $(‘#text‘).html(); $(‘#text‘).html(_div+_text[_index])
if(_text[_index]==‘。‘){ $(‘#text‘).html(_div+_text[_index] + ‘<br>‘) }
if(_text.length == _index+1){ clearInterval(tid); } _index++; },100)</script></html> 代碼:
//index.js
//擷取應用執行個體
var app = getApp()
Page({
data: {
text:‘‘
},
onLoad: function () {
},
onShow:function(){
var _data = this.data;
var _this = this;
var _text = ‘部落格天下\nabc\-部落格\n\天下熱門排行榜—網易雲閱讀。最好最全的線上免費閱讀部落格天下的網站。支援手機閱讀支援手機閱讀支援手機閱讀支援手機閱讀‘;
var _index = 0;
var tid = setInterval(function () {
var _div = _data.text;
_div = _div + _text[_index]
_this.setData({
text: _div
})
console.log(_div)
if (_text[_index] == ‘。‘) {
_div = _div + _text[_index] + ‘<br>‘
}
if (_text.length == _index + 1) {
clearInterval(tid);
}
_index++;
}, 100)
}
})
jQuery實現打字機效果