blocks|key|2104040|text|似乎您试图将元素转换为字符串。试一试这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2104041|function+starter()
{
++++var+ele+=+document.getElementById("div1");
++++fin(ele);
}
function+fin(ele)
{
++++for+(i+=+0;+i+<=+1;+i+%2B=+0.01)
++++{
++++++++i=Math.round(i*100)/100;
++++++++setTimeout(function()+{+setto(ele,i);+},+i+*+1000);
++++}
}

function+seto(ele,opa)
{
++++ele.style.opacity+=+opa;
}|code-block|syntax|javascript|2104042|这里发生的是，当计时器命中时，我调用一个anonnymous函数，然后从这个函数中执行对setto的函数调用。|2104043|希望能帮上忙。乔纳斯|2104044|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Seems like your attempting to convert your element, to a string. Try this instead

<pre><code>function starter()
{
 var ele = document.getElementById("div1");
 fin(ele);
}
function fin(ele)
{
 for (i = 0; i &lt;= 1; i += 0.01)
 {
 i=Math.round(i*100)/100;
 setTimeout(function() { setto(ele,i); }, i * 1000);
 }
}

function seto(ele,opa)
{
 ele.style.opacity = opa;
}
</code></pre>

What happens here is, that i call a anonnymous function when the timer hits, and from that function, execute my functioncall to setto.

Hope it helps.
Jonas

blocks|key|1386232|text|基于这站点|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1386233|编辑-1|style|BOLD|1386234|添加了功能，以便用户可以指定动画持续时间(@Marzian注释)|1386235|你可以试试这个：|1386236|function+fadeIn(el,+time)+{
++el.style.opacity+=+0;

++var+last+=+%2Bnew+Date();
++var+tick+=+function()+{
++++el.style.opacity+=+%2Bel.style.opacity+%2B+(new+Date()+-+last)+/+time;
++++last+=+%2Bnew+Date();

++++if+(%2Bel.style.opacity+<+1)+{
++++++(window.requestAnimationFrame+&&+requestAnimationFrame(tick))+%7C%7C+setTimeout(tick,+16);
++++}
++};

++tick();
}

var+el+=+document.getElementById("div1");
fadeIn(el,+3000);+//first+argument+is+the+element+and+second+the+animation+duration+in+ms|code-block|syntax|javascript|1386237|演示|1386238|entityMap|0|LINK|mutability|MUTABLE|url|http://youmightnotneedjquery.com/|1|http://jsfiddle.net/TH2dn/606/^0|2|1|0|0|0|4|0|0|0|0|0|2|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@$A|17|B|18|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|19|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|1A|8|@]|9|@]|C|$]]|$1|L|3|M|5|N|7|1B|8|@]|9|@]|C|$O|P]]|$1|Q|3|R|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]|$1|S|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]]]

Based on <a href="http://youmightnotneedjquery.com/" rel="noreferrer">this</a> site

EDIT-1 
Added the functionality so that user can specify the animation duration(@Marzian comment) 
You can try this:

<pre><code>function fadeIn(el, time) {
 el.style.opacity = 0;

 var last = +new Date();
 var tick = function() {
 el.style.opacity = +el.style.opacity + (new Date() - last) / time;
 last = +new Date();

 if (+el.style.opacity &lt; 1) {
 (window.requestAnimationFrame &amp;&amp; requestAnimationFrame(tick)) || setTimeout(tick, 16);
 }
 };

 tick();
}

var el = document.getElementById("div1");
fadeIn(el, 3000); //first argument is the element and second the animation duration in ms
</code></pre>

<a href="http://jsfiddle.net/TH2dn/606/" rel="noreferrer">DEMO</a>

blocks|key|2382304|text|这里的问题是您使用的是使用setTimeout的pass方法。这基本上只是一个隐藏的eval。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2382305|值得注意的是，这是一种糟糕的做法，表现缓慢，而且存在安全风险。|2382306|(请参见以下问题：带有字符串或(匿名)函数引用的setTimeout()？速速)|2382307|造成您的问题的原因是因为"seto("+%2B+ele+%2B+","+%2B+i+%2B+")"将评估为"seto('[object+HTMLDivElement]',+1)"。您确实希望传递对ele对象的引用--但是当您尝试将一个对象连接到一个字符串时，这个值将被转换为一个字符串。您可以通过使用setTImeout的pass函数方法来解决这个问题。|2382308|setTimeout(function()+{+seto(ele,+i);+},+i+*+1000);|2382309|我相信，进行此更改将使您的Code2行为等同于Code1。|2382310|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/4506074/settimeout-with-string-or-anonymous-function-reference-speedwise^0|16|4|0|0|9|U|0|0|C|T|19|10|2I|3|0|0|1F|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|10|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|11|8|@]|D|@$9|12|A|13|1|14]]|E|$]]|$1|J|3|K|5|6|7|15|8|@$9|16|A|17|B|C]|$9|18|A|19|B|C]|$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|L|3|M|5|6|7|1C|8|@$9|1D|A|1E|B|C]]|D|@]|E|$]]|$1|N|3|O|5|6|7|1F|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]]]

The problem here is you are using the pass-a-string method of using setTimeout. Which is basically just a hidden <code>eval</code>.

It's worth noting that this is a bad practice, slow performer, and security risk.

(see questions such as this: <a href="https://stackoverflow.com/questions/4506074/settimeout-with-string-or-anonymous-function-reference-speedwise">setTimeout() with string or (anonymous) function reference? speedwise</a>)

The reason this is causing your problem is because <code>"seto(" + ele + "," + i + ")"</code> is going to evaluate to <code>"seto('[object HTMLDivElement]', 1)"</code>. You really want to pass reference to the <code>ele</code> object -- but the value's being cast to a string when you tried concatenating an object onto a string. You can get around this by using the pass-a-function method of using setTImeout. 

<code>setTimeout(function() { seto(ele, i); }, i * 1000);</code>

I believe making this change will make your Code2 behavior equivalent to Code1.

blocks|key|1386345|text|以下是我问题的完整答案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1386346|ANS1+-+演示|offset|length|style|BOLD|1386347|function+fin()+{
++++var+i+=+0;
++++var+el+=+document.getElementById("div1");
++++fadeIn(el,i);
}

function+fadeIn(el,i)+{
++++i+=+i+%2B+0.01;
++++seto(el,i);
++++if+(i<1){setTimeout(function(){fadeIn(el,i);},+10);}
}

function+seto(el,i)+{
++++el.style.opacity+=+i;
}|code-block|syntax|javascript|1386348|ANS2+-+演示|1386349|function+fin(){
++++var+i+=+0;
++++var+el+=+document.getElementById("div1");
++++fadeIn(el,i);
}

function+fadeIn(el,i)+{
++++var+go+=+function(i)+{
++++++++setTimeout(+function(){+seto(el,i);+}+,+i+*+1000);
++++};
++++for+(+i+=+0+;+i<=1+;+i+=+i+%2B+0.01)+go(i);
}

function+seto(el,i)
{
++++el.style.opacity+=+i;
}|1386350|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/TH2dn/7/|1|http://jsfiddle.net/TH2dn/12/^0|0|0|4|7|2|0|0|0|0|4|7|2|1|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@$D|14|E|15|1|16]]|A|$]]|$1|H|3|I|5|J|7|17|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@$D|1B|E|1C|1|1D]]|A|$]]|$1|O|3|P|5|J|7|1E|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

Below are the complete answers to my question

ANS1 --- <a href="http://jsfiddle.net/TH2dn/7/" rel="nofollow">DEMO</a>

<pre><code>function fin() {
 var i = 0;
 var el = document.getElementById("div1");
 fadeIn(el,i);
}

function fadeIn(el,i) {
 i = i + 0.01;
 seto(el,i);
 if (i&lt;1){setTimeout(function(){fadeIn(el,i);}, 10);}
}

function seto(el,i) {
 el.style.opacity = i;
}
</code></pre>

ANS2 --- <a href="http://jsfiddle.net/TH2dn/12/" rel="nofollow">DEMO</a>

<pre><code>function fin(){
 var i = 0;
 var el = document.getElementById("div1");
 fadeIn(el,i);
}

function fadeIn(el,i) {
 var go = function(i) {
 setTimeout( function(){ seto(el,i); } , i * 1000);
 };
 for ( i = 0 ; i&lt;=1 ; i = i + 0.01) go(i);
}

function seto(el,i)
{
 el.style.opacity = i;
}
</code></pre>

blocks|key|2382382|text|Update：人们似乎喜欢我的简约而优雅的方法，更新于2022年：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2382383|不需要复杂的机制。只要使用CSS就行了，这样就可以开箱即用，而且总体性能也更好。|2382384|基本上，您可以通过为不透明设置一个转换来实现CSS。在JavaScript中，应该是：|2382385|const+div+=+document.querySelector('#my-div');
div.style.transition='opacity+1s';|code-block|syntax|javascript|2382386|作为触发器，您只需将不透明设置为0：|2382387|div.style.opacity=0;|2382388|这将产生1秒的淡出效果，您可以在任何地方使用触发器。反向也可以做，以实现褪色的效果。|2382389|下面是一个有用的例子：|2382390|​|2382391|const+div+=+document.querySelector('#my-div');
div.style.transition='opacity+1s';

//+set+opacity+to+0+->+fade+out
setInterval(()+=>+div.style.opacity=0,+1000);

//+set+opacity+to+1+->+fade+in
setInterval(()+=>+div.style.opacity=1,+2000);|2382392|#my-div+{+background-color:#FF0000;+width:100%25;+height:100%25;+padding:+10px;+color:+#FFF;+}|2382393|<div+id="my-div">Hello!</div>|2382394|2382395|entityMap^0|0|6|0|0|9|A|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1A|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|1E|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1F|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1G|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|1H|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|1I|8|@]|D|@]|E|$]]|$1|W|3|X|5|6|7|1J|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|L|7|1K|8|@]|D|@]|E|$M|N]]|$1|10|3|11|5|L|7|1L|8|@]|D|@]|E|$M|N]]|$1|12|3|13|5|L|7|1M|8|@]|D|@]|E|$M|N]]|$1|14|3|X|5|6|7|1N|8|@]|D|@]|E|$]]|$1|15|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]]|16|$]]

Update:
It seems that people enjoy my minimalistic and elegant approach, Updated for 2022:
No need for complex mechanisms. Just use CSS, which has it out of the box and has better performance overall.
Basically you achieve it with CSS by setting a transition for the opacity. In JavaScript that would be:
<pre><code>const div = document.querySelector('#my-div');
div.style.transition='opacity 1s';
</code></pre>
and as a trigger you just set opacity to 0:
<pre><code>div.style.opacity=0;
</code></pre>
This will create a 1 second fade out effect and you can use the trigger anywhere. The inverse can also be done to achieve a fade in effect.
Here's a working example:
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const div = document.querySelector('#my-div');
div.style.transition='opacity 1s';

// set opacity to 0 -&gt; fade out
setInterval(() =&gt; div.style.opacity=0, 1000);

// set opacity to 1 -&gt; fade in
setInterval(() =&gt; div.style.opacity=1, 2000);</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>#my-div { background-color:#FF0000; width:100%; height:100%; padding: 10px; color: #FFF; }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="my-div"&gt;Hello!&lt;/div&gt;</code></pre>
</div>
</div>

blocks|key|2382404|text|我的版本|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2382405|+function+fadeIn($element){
++$element.style.display="block";
++$element.style.opacity=0;
++recurseWithDelayUp($element,0,1);
}
function+fadeOut($element){
++$element.style.display="block";
++$element.style.opacity=1;
++recurseWithDelayDown($element,1,0);
}

function+recurseWithDelayDown($element,startFrom,stopAt){
++++window.setTimeout(function(){
++++++if(startFrom+>+stopAt+){
++++++++++startFrom=startFrom+-+0.1;
++++++++++++recurseWithDelayDown($element,startFrom,stopAt)
++++++++++++$element.style.opacity=startFrom;
++++++}else{
++++++++$element.style.display="none"
++++++}+
++},30);
}
function+recurseWithDelayUp($element,startFrom,stopAt){
++++window.setTimeout(function(){
++++++if(startFrom+<+stopAt+){
++++++++++startFrom=startFrom+%2B+0.1;
++++++++++++recurseWithDelayUp($element,startFrom,stopAt)
++++++++++++$element.style.opacity=startFrom;
++++++}else{
++++++++$element.style.display="block"
++++++}+
++},30);
}|code-block|syntax|javascript|2382406|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My version

<pre><code> function fadeIn($element){
 $element.style.display="block";
 $element.style.opacity=0;
 recurseWithDelayUp($element,0,1);
}
function fadeOut($element){
 $element.style.display="block";
 $element.style.opacity=1;
 recurseWithDelayDown($element,1,0);
}

function recurseWithDelayDown($element,startFrom,stopAt){
 window.setTimeout(function(){
 if(startFrom &gt; stopAt ){
 startFrom=startFrom - 0.1;
 recurseWithDelayDown($element,startFrom,stopAt)
 $element.style.opacity=startFrom;
 }else{
 $element.style.display="none"
 } 
 },30);
}
function recurseWithDelayUp($element,startFrom,stopAt){
 window.setTimeout(function(){
 if(startFrom &lt; stopAt ){
 startFrom=startFrom + 0.1;
 recurseWithDelayUp($element,startFrom,stopAt)
 $element.style.opacity=startFrom;
 }else{
 $element.style.display="block"
 } 
 },30);
}
</code></pre>

blocks|key|2104231|text|我只是改进了laaposto的回答，包括了一个回调。我还添加了一个fade_out函数。它可以变得更有效率，但它对我所做的工作很有用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2104232|看看laaposto对实现说明的回答。你可以用我的小提琴代替JS，看看这个例子。|2104233|谢谢拉波斯托！这对我需要零依赖的项目确实有帮助。|2104234|let+el+=+document.getElementById(+"div1"+);

function+fade_in(+element,+duration,+callback+=+''+)+{
++++element.style.opacity+=+0;
++++let+last+=+%2Bnew+Date();
++++let+tick+=+function()+{
++++++++element.style.opacity+=+%2Belement.style.opacity+%2B+(+new+Date()+-+last+)+/+duration;
++++++++last+=+%2Bnew+Date();
++++++++if+(+%2Belement.style.opacity+<+1+)
++++++++++++(+window.requestAnimationFrame+&&+requestAnimationFrame(+tick+)+)+%7C%7C+setTimeout(+tick,+16+);
++++++++else+if+(+callback+!==+''+)
++++++++++++callback();
++++};
++++tick();
}

function+fade_out(+element,+duration,+callback+=+''+)+{
++++element.style.opacity+=+1;
++++let+last+=+%2Bnew+Date();
++++let+tick+=+function()+{
++++++++element.style.opacity+=+%2Belement.style.opacity+-+(+new+Date()+-+last+)+/+duration;
++++++++last+=+%2Bnew+Date();
++++++++if+(+%2Belement.style.opacity+>+0+)
++++++++++++(+window.requestAnimationFrame+&&+requestAnimationFrame(+tick+)+)+%7C%7C+setTimeout(+tick,+16+);
++++++++else+if+(+callback+!==+''+)
++++++++++++callback();
++++};
++++tick();
}

fade_out(+el,+3000,+function(){+fade_in(+el,+3000+)+}+);|code-block|syntax|javascript|2104235|干杯!|2104236|entityMap^0|X|8|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|W|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|X|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|Y|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

I just improved on laaposto's answer to include a callback.
I also added a <code>fade_out</code> function.
It could be made more efficient, but it works great for what i'm doing.
Look at laaposto's answer for implementation instructions.
You can replace the JS in his fiddle with mine and see the example.
Thanks laaposto!
This really helped out for my project that requires zero dependencies.
<pre><code>let el = document.getElementById( &quot;div1&quot; );

function fade_in( element, duration, callback = '' ) {
 element.style.opacity = 0;
 let last = +new Date();
 let tick = function() {
 element.style.opacity = +element.style.opacity + ( new Date() - last ) / duration;
 last = +new Date();
 if ( +element.style.opacity &lt; 1 )
 ( window.requestAnimationFrame &amp;&amp; requestAnimationFrame( tick ) ) || setTimeout( tick, 16 );
 else if ( callback !== '' )
 callback();
 };
 tick();
}

function fade_out( element, duration, callback = '' ) {
 element.style.opacity = 1;
 let last = +new Date();
 let tick = function() {
 element.style.opacity = +element.style.opacity - ( new Date() - last ) / duration;
 last = +new Date();
 if ( +element.style.opacity &gt; 0 )
 ( window.requestAnimationFrame &amp;&amp; requestAnimationFrame( tick ) ) || setTimeout( tick, 16 );
 else if ( callback !== '' )
 callback();
 };
 tick();
}

fade_out( el, 3000, function(){ fade_in( el, 3000 ) } );
</code></pre>
Cheers!

blocks|key|2104259|text|function+hide(fn){
++++++++var+hideEle+=+document.getElementById('myElement');
++++++++hideEle.style.opacity+=+1;
++++++++var+fadeEffect+=+setInterval(function()+{
++++++++if+(hideEle.style.opacity+<+0.1)
++++++++{
++++++++hideEle.style.display='none';
++++++++fn();
++++++++clearInterval(fadeEffect);
++++++++}
++++++++else
++++++++{
++++++++hideEle.style.opacity+-=+0.1;
++++++++}
++++++++},+20);
}
function+show(){
++++++++var+showEle+=+document.getElementById('myElement');
++++++++showEle.style.opacity+=+0;
++++++++showEle.style.display='block';
++++++++++++var+i+=+0;
++++++++++++fadeIn(showEle,i);
++++++++++++function+fadeIn(showEle,i)+{
++++++++++++++++i+=+i+%2B+0.05;
++++++++++++++++seto(showEle,i);
++++++++++++++++if+(i<1){setTimeout(function(){fadeIn(showEle,i);},+25);}
++++++++++++}
++++++++++++function+seto(el,i)
++++++++++++{
++++++++++++++++el.style.opacity+=+i;
++++++++++++}
}

hide(show);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2104260|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function hide(fn){
 var hideEle = document.getElementById('myElement');
 hideEle.style.opacity = 1;
 var fadeEffect = setInterval(function() {
 if (hideEle.style.opacity &lt; 0.1)
 {
 hideEle.style.display='none';
 fn();
 clearInterval(fadeEffect);
 }
 else
 {
 hideEle.style.opacity -= 0.1;
 }
 }, 20);
}
function show(){
 var showEle = document.getElementById('myElement');
 showEle.style.opacity = 0;
 showEle.style.display='block';
 var i = 0;
 fadeIn(showEle,i);
 function fadeIn(showEle,i) {
 i = i + 0.05;
 seto(showEle,i);
 if (i&lt;1){setTimeout(function(){fadeIn(showEle,i);}, 25);}
 }
 function seto(el,i)
 {
 el.style.opacity = i;
 }
}

hide(show);
</code></pre>

Hi friends i want to fade in a div when i click on another div and for that i am using following code. Code1 works fine but i require to use the Code2.

I know there is jQuery but i require to do this in JavaScript

Can you guide me that what kind of mistake i am doing or what i need change...

Code1 --- Works Fine

<pre><code>function starter() { fin(); }

function fin()
{
 for (i = 0; i &lt;= 1; i += 0.01)
 {
 i=Math.round(i*100)/100;
 setTimeout("seto(" + i + ")", i * 1000);
 }
}

function seto(opa)
{
 var ele = document.getElementById("div1");
 ele.style.opacity = opa;
}
</code></pre>

Code2 --- Does not work

<pre><code>function starter()
{
 var ele = document.getElementById("div1");
 fin(ele);
}
function fin(ele)
{
 for (i = 0; i &lt;= 1; i += 0.01)
 {
 i=Math.round(i*100)/100;
 setTimeout("seto(" + ele + "," + i + ")", i * 1000);
 }
}

function seto(ele,opa)
{
 ele.style.opacity = opa;
}
</code></pre>

Pure JavaScript fade in function

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

嗨，朋友们，当我点击另一个div时，我想在div中淡出，并为此使用以下代码。Code1工作正常，但我需要使用Code2。我知道有jQuery，但我需要在JavaScript中这样做你能告诉我我犯了什么错误或者我需要改变什么吗.Code1function starter() { fin(); }function fin(...

问纯JavaScript淡色函数
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问纯JavaScript淡色函数EN