Javascript 在旋转木马上查看时,如何激活JS文本动画?
如果以前有人问过这个问题,我很抱歉。我对JS很陌生,对它的了解有限 我一直在想如何激活动画。使用我的代码,动画在加载页面的同时加载,我需要在查看内容时加载。我添加了一个偏移量,但它没有延迟动画,只是没有完全显示它Javascript 在旋转木马上查看时,如何激活JS文本动画?,javascript,Javascript,如果以前有人问过这个问题,我很抱歉。我对JS很陌生,对它的了解有限 我一直在想如何激活动画。使用我的代码,动画在加载页面的同时加载,我需要在查看内容时加载。我添加了一个偏移量,但它没有延迟动画,只是没有完全显示它 var slidewo=新数组( “谁有哪些孩子,谁与谁结婚的简要背景。”, “-包括犹太年和非犹太年,即BCE或CE文本二” ); 无功转速=100; var指数=0; var ArrLength=slidetwo[0]。长度; var=20; var TextPos=0; var
var slidewo=新数组(
“谁有哪些孩子,谁与谁结婚的简要背景。”,
“-包括犹太年和非犹太年,即BCE或CE文本二”
);
无功转速=100;
var指数=0;
var ArrLength=slidetwo[0]。长度;
var=20;
var TextPos=0;
var内容=“”;
var行;
函数typewriter2()
{
内容='';
行=数学最大值(0,索引滚动);
var destination=document.getElementById(“第二单元幻灯片二”);
while(行<索引){
Contents+=slidetwo[Row++]+'
';
}
destination.innerHTML=Contents+slidewo[Index]。子字符串(0,TextPos)+“\ux”;
if(TextPos++==ArrLength){
TextPos=0;
索引++;
如果(索引!=slidetwo.length){
ArrLength=slidetwo[Index]。长度;
setTimeout(“typewriter2()”,500);
}
}否则{
设置超时(“typewriter2()”,速度);
}
}
$(函数(){
$(“#第二单元幻灯片二”)。每个(函数(){
$(this).航路点(函数(){
$(this.addClass('show');
}, {
偏移量:“100px”,
水平:对
});
});
});
typewriter2()代码>
雅科夫得到父亲的祝福后,他的兄弟以撒想杀了他。雅科夫被迫逃到他叔叔拉万在哈兰的家中。雅科夫与拉万生活了22年,娶了他的两个女儿和两个女仆
更改typewriter2()代码>至:
$(“#单元二幻灯片二”)。加载(打字机2)代码>
这将在DOM发出加载信号后触发函数。Changetypewriter2()代码>至:
$(“#单元二幻灯片二”)。加载(打字机2)代码>
这将在DOM发出加载信号后触发您的函数。动画似乎不想激活。我有两张幻灯片,第一张在加载页面时正常加载,第二张没有显示任何内容(上面的代码)。窗口最大800px宽,刚好偏离屏幕中心,这会对激活产生影响吗?p、 感谢您的初始响应:UncaughtTypeError:无法在text-animation.js:43 text-animation-2.js:36 UncaughtTypeError:$不是text-animation-2的函数。js:36它可能是特定于jQuery的错误。我已经编辑了我的答案。试试看,让我知道它是怎么回事。我的运气也不好。可能是这段代码出了问题,我从其他人的帖子上复制了它,希望它能正常工作,这样可能就不相关了:$(function(){$('#第二单元幻灯片二')。每个(function(){$(this).waypoint(function(){$(this).addClass('show');},{offset:'100px',horizontal:true});});是的,我认为在这一点上,您可能需要重构该部分,看看您的函数作用域发生了什么。确保使用控制台.log()
此指向您认为的对象。动画似乎不想激活。我有两张幻灯片,第一张在加载页面时正常加载,第二张没有显示任何内容(上面的代码)。窗口最大800px宽,刚好偏离屏幕中心,这会对激活产生影响吗?p、 感谢您的初始响应:UncaughtTypeError:无法在text-animation.js:43 text-animation-2.js:36 UncaughtTypeError:$不是text-animation-2的函数。js:36它可能是特定于jQuery的错误。我已经编辑了我的答案。试试看,让我知道它是怎么回事。我的运气也不好。可能是这段代码出了问题,我从其他人的帖子上复制了它,希望它能正常工作,这样可能就不相关了:$(function(){$('#第二单元幻灯片二')。每个(function(){$(this).waypoint(function(){$(this).addClass('show');},{offset:'100px',horizontal:true});});是的,我认为在这一点上,您可能需要重构该部分,看看您的函数作用域发生了什么。使用控制台.log()
确保该指向您认为的内容。