|
@@ -139,10 +139,10 @@ function intervalFun(){
|
|
|
if(index==line.length-2){
|
|
if(index==line.length-2){
|
|
|
clear()
|
|
clear()
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+ setFontsize()
|
|
|
j++;
|
|
j++;
|
|
|
}
|
|
}
|
|
|
- },1000);
|
|
|
|
|
|
|
+ },300);
|
|
|
console.log("interval",interval)
|
|
console.log("interval",interval)
|
|
|
}
|
|
}
|
|
|
function addStr(str){
|
|
function addStr(str){
|
|
@@ -155,11 +155,16 @@ function addStr(str){
|
|
|
var txt=document.createTextNode(str);
|
|
var txt=document.createTextNode(str);
|
|
|
txtdiv.appendChild(txt);
|
|
txtdiv.appendChild(txt);
|
|
|
}
|
|
}
|
|
|
- var width=(window.innerWidth-txtdiv.clientWidth)/2;
|
|
|
|
|
-
|
|
|
|
|
- var left=(width/window.innerWidth)*100+"%";
|
|
|
|
|
- let styleStr="position: absolute;z-index: 100;bottom: 10%;background-color:rgba(157,96,34,0.5);color:white;left:"+left
|
|
|
|
|
- txtdiv.setAttribute('style',styleStr);
|
|
|
|
|
|
|
+ setFontsize()
|
|
|
|
|
+}
|
|
|
|
|
+//字体自动大小适应
|
|
|
|
|
+function setFontsize(){
|
|
|
|
|
+ var txtdiv=document.getElementById("font");
|
|
|
|
|
+ let width=(window.innerWidth-txtdiv.clientWidth)/2;
|
|
|
|
|
+ let fontsize=14/1920 *window.innerWidth;
|
|
|
|
|
+ var left=(width/window.innerWidth)*100+"%";
|
|
|
|
|
+ let styleStr="position: absolute;z-index: 100;bottom: 10%;background-color:rgba(157,96,34,0.5);color:white;left:"+left+";font-size:"+fontsize+"px"
|
|
|
|
|
+ txtdiv.setAttribute('style',styleStr);
|
|
|
}
|
|
}
|
|
|
//清除
|
|
//清除
|
|
|
function clear(){
|
|
function clear(){
|
|
@@ -223,15 +228,15 @@ function stop(){
|
|
|
|
|
|
|
|
// }, Global.ScreenSpaceEventType.LEFT_CLICK);
|
|
// }, Global.ScreenSpaceEventType.LEFT_CLICK);
|
|
|
|
|
|
|
|
-document.getElementById("fun").addEventListener("click",()=>{
|
|
|
|
|
- play()
|
|
|
|
|
-})
|
|
|
|
|
-document.getElementById("fun1").addEventListener("click",()=>{
|
|
|
|
|
- pause()
|
|
|
|
|
-})
|
|
|
|
|
-document.getElementById("fun2").addEventListener("click",()=>{
|
|
|
|
|
- continueDo()
|
|
|
|
|
-})
|
|
|
|
|
-document.getElementById("fun3").addEventListener("click",()=>{
|
|
|
|
|
- stop();
|
|
|
|
|
-})
|
|
|
|
|
|
|
+// document.getElementById("fun").addEventListener("click",()=>{
|
|
|
|
|
+// play()
|
|
|
|
|
+// })
|
|
|
|
|
+// document.getElementById("fun1").addEventListener("click",()=>{
|
|
|
|
|
+// pause()
|
|
|
|
|
+// })
|
|
|
|
|
+// document.getElementById("fun2").addEventListener("click",()=>{
|
|
|
|
|
+// continueDo()
|
|
|
|
|
+// })
|
|
|
|
|
+// document.getElementById("fun3").addEventListener("click",()=>{
|
|
|
|
|
+// stop();
|
|
|
|
|
+// })
|
tremble