Javascript 在旋转木马上查看时,如何激活JS文本动画?

Javascript 在旋转木马上查看时,如何激活JS文本动画?,javascript,Javascript,如果以前有人问过这个问题,我很抱歉。我对JS很陌生,对它的了解有限 我一直在想如何激活动画。使用我的代码,动画在加载页面的同时加载,我需要在查看内容时加载。我添加了一个偏移量,但它没有延迟动画,只是没有完全显示它 var slidewo=新数组( “谁有哪些孩子,谁与谁结婚的简要背景。”, “-包括犹太年和非犹太年,即BCE或CE文本二” ); 无功转速=100; var指数=0; var ArrLength=slidetwo[0]。长度; var=20; var TextPos=0; var

如果以前有人问过这个问题,我很抱歉。我对JS很陌生,对它的了解有限

我一直在想如何激活动画。使用我的代码,动画在加载页面的同时加载,我需要在查看内容时加载。我添加了一个偏移量,但它没有延迟动画,只是没有完全显示它

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发出加载信号后触发函数。

Change
typewriter2()至:

$(“#单元二幻灯片二”)。加载(打字机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()
确保该
指向您认为的内容。