Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript数组中的下一个文本中淡入淡入_Javascript_Html_Arrays_Fadein_Fadeout - Fatal编程技术网

在javascript数组中的下一个文本中淡入淡入

在javascript数组中的下一个文本中淡入淡入,javascript,html,arrays,fadein,fadeout,Javascript,Html,Arrays,Fadein,Fadeout,假设我有一个随机选择数组中一个元素的代码,如下所示,我将如何使下一个元素fadeIn var textHolder=document.getElementById(“text”); var按钮=document.getElementById(“btn”); var arrayText=[“国王”,“爱不花一分钱”,“编程大师”,“a”] 随机更改我 新随机 我想您可以使用jQuery来实现这一点,下面是我的代码片段 var textHolder=$(“#text”);//看,你可以少打字 v

假设我有一个随机选择数组中一个元素的代码,如下所示,我将如何使下一个元素fadeIn

var textHolder=document.getElementById(“text”);
var按钮=document.getElementById(“btn”);
var arrayText=[“国王”,“爱不花一分钱”,“编程大师”,“a”]
随机更改我
新随机

我想您可以使用jQuery来实现这一点,下面是我的代码片段

var textHolder=$(“#text”);//看,你可以少打字
var按钮=$(“#btn”);//也在这里
var arrayText=[“国王”,“爱不花一分钱”,“编程大师”,“a”];
var randomText=函数(){
var randomNumber=Math.floor(Math.random()*arrayText.length);
text(arrayText[randomNumber]);
};
$(函数(){
//点击事件
按钮。单击(函数(){
//淡出文本框
textHolder.fadeOut(函数(){
//之后,显示随机文本
随机文本();
//然后,淡入文本框
$(this.fadeIn();
});
});
});

随意改变我

新的随机
没有本机JavaScript方法,因为
fadeOut()
fadeIn()
,可能是helpfadeIn/Out中的答案,它基本上设置了一个特殊的css类,该类定义了一个转换(并设置了明显的显示)。因此,要么使用jQuery,要么搜索css转换,然后自己实现它!感谢Xtravagant,这真的很有帮助,它表明Jquery更灵活。