快速阅读器javascript生成合并单词

快速阅读器javascript生成合并单词,javascript,Javascript,我有我的speedreader脚本。我有一个问题。现在我在speed reader上只看到一个单词,我需要一次在一行中看到2、3、5个单词。我怎样才能做到 我的代码: //灵感来自http://jsfiddle.net/vKZLn/1/ var Spritzer=函数(el){ el.classList.add('spritzed') el.style.padding=(parseInt(window.getComputedStyle(el)['font-size'])/1.3)+'px' e

我有我的speedreader脚本。我有一个问题。现在我在speed reader上只看到一个单词,我需要一次在一行中看到2、3、5个单词。我怎样才能做到

我的代码:

//灵感来自http://jsfiddle.net/vKZLn/1/
var Spritzer=函数(el){
el.classList.add('spritzed')
el.style.padding=(parseInt(window.getComputedStyle(el)['font-size'])/1.3)+'px'
el.appendChild(document.createElement(“div”))
el.innerHTML=el.innerHTML.replace('//g','');
这是真的
this.currentTimer=null
函数处理字(字){
变量中心=数学楼层(字长/2),
字母=单词。拆分(“”)
返回字母.map(函数(字母,idx){
如果(idx==中心)
返回“”+字母+“”
回信;
}).加入(“”)
}
函数positionWord(){
var wordEl=el.firstElementChild,
highlight=wordEl.firstElementChild
var centerOffsetX=(highlight.offsetWidth/2)+highlight.offsetLeft,
centerOffsetY=(highlight.offsetHeight/2)+highlight.offsetTop
wordEl.style.left=((el.clientWidth/2)-centerOffsetX)+'px'
wordEl.style.top=((el.clientHeight/2)-centerOffsetY)+'px'
}
var currentWord=0,
延迟
var displayNextWord=函数(){
var word=this.words[currentWord++]
if(typeof word=='undefined')返回
//WTB>nlp.js。。。
var hasPause=/^\(|[,\.\)]$/.test(word)
//XSS?!:(
window.el=el
el.firstElementChild.innerHTML=word
位置词()
if(currentWord!==this.words.length)
this.currentTimer=setTimeout(displayNextWord,delay*(hasPause?2:1))
}.绑定(此)
this.render=函数(文本,wpm){
this.words=text.replace(/^\s+\s+\n$/,'').split(/\s+/).map(processWord)
延迟=60000/每分钟
这是真的
clearTimeout(此.currentTimer)
displayNextWord()
}
this.play=函数(){
这是真的
displayNextWord()
}
this.pause=函数(){
这是假的
clearTimeout(此.currentTimer)
}
this.toggle=函数(){
如果(这是在玩)
这个暂停()
其他的
这个。play()
}
}
setTimeout(函数(){
var WordPerminute=155;
var text=document.getElementsByTagName('text')[0].innerHTML;
console.log(文本);
var h1=document.body.appendChild(document.createElement('h1'));
var输出=新喷淋器(h1);
render(文本,wordsMinute);
},2000)
正文{
背景:#000;
显示器:flex;
颜色:#fff;
高度:100vh;
字体系列:“PT Sans Caption”;
对齐项目:居中;
证明内容:中心;
}
.喷洒{
填充:30px;
位置:相对位置;
显示器:flex;
对齐项目:居中;
}
.spritzed::之前,.spritzed::之后{
内容:“;
显示:块;
位置:绝对位置;
显示:无;
左:50%;
左边距:-1px;
高度:10px;
背景色:#fff;
宽度:2倍;
排名:0;
}
.spritzed::之后{
顶部:自动;
底部:0;
}
.spritzed>div{
位置:绝对位置;
}
.亮点{
颜色:#74de35;
}
正文{
显示:无;
}

JS-Bin
你好,世界!我需要这个字符串显示合并。

即使在同一段文本中,你也希望能够改变文本的“分块”吗?@Ben yep,我不需要只显示一个单词。所以,是的,那么你需要一个分隔符。你在使用分隔符时遇到了什么问题?@Ben I将
字母=word.split(“”)替换为
字母=word.split(“/”)
我的脚本停止工作。