animationiteration ƙanam

Course Schedule

JS Reference Manual

JavaScript

Window

HTML DOM

Web API

HTML Obxecti

</a></li> <li><a href="/ha/jsref/dom_obj_image.html" title="Obitun DOM na Image"><img></a></li> <li><a href="/ha/jsref/dom_obj_ins.html" title="Obitun DOM na Ins"><ins></a></li> <li><a href="/ha/jsref/dom_obj_button.html" title="HTML DOM Ƙɗanɗe Button ɗanɗi"><input> button</a></li> <li><a href="/ha/jsref/dom_obj_checkbox.html" title="HTML DOM Ƙɗanɗe Checkbox ɗanɗi"><input> checkbox</a></li> <li><a href="/ha/jsref/dom_obj_color.html" title="HTML DOM Ƙɗanɗe Color ɗanɗi"><input> color</a></li> <li><a href="/ha/jsref/dom_obj_date.html" title="HTML DOM Ƙɗanɗe Date ɗanɗi"><input> date</a></li> <li><a href="/ha/jsref/dom_obj_datetime.html" title="HTML DOM Ƙɗanɗe Datetime ɗanɗi"><input> datetime</a></li> <li><a href="/ha/jsref/dom_obj_datetime-local.html" title="HTML DOM Ƙɗanɗe DatetimeLocal ɗanɗi"><input> datetime-local</a></li> <li><a href="/ha/jsref/dom_obj_email.html" title="HTML DOM Ƙɗanɗe Email ɗanɗi"><input> email</a></li> <li><a href="/ha/jsref/dom_obj_fileupload.html" title="HTML DOM Ƙɗanɗe FileUpload ɗanɗi"><input> file</a></li> <li><a href="/ha/jsref/dom_obj_hidden.html" title="HTML DOM Ƙɗanɗe Hidden ɗanɗi"><input> hidden</a></li> <li><a href="/ha/jsref/dom_obj_input_image.html" title="HTML DOM Ƙɗanɗe Image ɗanɗi"><input> image</a></li> <li><a href="/ha/jsref/dom_obj_month.html" title="HTML DOM Ƙɗanɗe Month ɗanɗi"><input> month</a></li> <li><a href="/ha/jsref/dom_obj_number.html" title="HTML DOM Ƙɗanɗe Number ɗanɗi"><input> number</a></li> <li><a href="/ha/jsref/dom_obj_password.html" title="HTML DOM Ƙɗanɗe Password ɗanɗi"><input> password</a></li> <li><a href="/ha/jsref/dom_obj_radio.html" title="HTML DOM Ƙɗanɗe Radio ɗanɗi"><input> radio</a></li> <li><a href="/ha/jsref/dom_obj_range.html" title="HTML DOM Ƙɗanɗe Range ɗanɗi"><input> range</a></li> <li><a href="/ha/jsref/dom_obj_reset.html" title="HTML DOM Ƙɗanɗe Reset ɗanɗi"><input> reset</a></li> <li><a href="/ha/jsref/dom_obj_search.html" title="HTML DOM Ƙɗanɗe Search ɗanɗi"><input> search</a></li> <li><a href="/ha/jsref/dom_obj_submit.html" title="HTML DOM Ƙɗanɗe Submit ɗanɗi"><input> submit</a></li> <li><a href="/ha/jsref/dom_obj_text.html" title="HTML DOM Ƙɗanɗe Text ɗanɗi"><input> text</a></li> <li><a href="/ha/jsref/dom_obj_input_time.html" title="HTML DOM Ƙɗanɗe Time ɗanɗi"><input> time</a></li> <li><a href="/ha/jsref/dom_obj_url.html" title="HTML DOM Ƙɗanɗe URL ɗanɗi"><input> url</a></li> <li><a href="/ha/jsref/dom_obj_week.html" title="HTML DOM Ƙɗanɗe Week ɗanɗi"><input> week</a></li> <li><a href="/ha/jsref/dom_obj_kbd.html" title="HTML DOM Ƙɗanɗe Kbd ɗanɗi"><kbd></a></li> <li><a href="/ha/jsref/dom_obj_label.html" title="HTML DOM Ƙɗanɗe Label ɗanɗi"><label></a></li> <li><a href="/ha/jsref/dom_obj_legend.html" title="HTML DOM Ƙɗanɗe Legend ɗanɗi"><legend></a></li> <li><a href="/ha/jsref/dom_obj_li.html" title="HTML DOM Ƙɗanɗe Li ɗanɗi"><li></a></li> <li><a href="/ha/jsref/dom_obj_link.html" title="HTML DOM Ƙɗanɗe Link ɗanɗi"><link></a></li> <li><a href="/ha/jsref/dom_obj_map.html" title="HTML DOM Ƙɗanɗe Map ɗanɗi"><map></a></li> <li><a href="/ha/jsref/dom_obj_mark.html" title="HTML DOM Ƙɗanɗe Mark ɗanɗi"><mark></a></li> <li><a href="/ha/jsref/dom_obj_menu.html" title="HTML DOM Ƙɗanɗe Menu ɗanɗi"><menu></a></li> <li><a href="/ha/jsref/dom_obj_menuitem.html" title="HTML DOM Ƙɗanɗe MenuItem ɗanɗi"><menuitem></a></li> <li><a href="/ha/jsref/dom_obj_meta.html" title="HTML DOM Ƙɗanɗe Meta ɗanɗi"><meta></a></li> <li><a href="/ha/jsref/dom_obj_meter.html" title="HTML DOM Ƙɗanɗe Meter ɗanɗi"><meter></a></li> <li><a href="/ha/jsref/dom_obj_nav.html" title="HTML DOM Ƙɗanɗe Nav ɗanɗi"><nav></a></li> <li><a href="/ha/jsref/dom_obj_object.html" title="HTML DOM Ƙɗanɗe Object ɗanɗi"><object></a></li> <li><a href="/ha/jsref/dom_obj_ol.html" title="HTML DOM Ƙɗanɗe Ol ɗanɗi"><ol></a></li> <li><a href="/ha/jsref/dom_obj_optgroup.html" title="HTML DOM Ƙɗanɗe OptionGroup ɗanɗi"><optgroup></a></li> <li><a href="/ha/jsref/dom_obj_option.html" title="HTML DOM Ƙɗanɗe Option ɗanɗi"><option></a></li> <li><a href="/ha/jsref/dom_obj_output.html" title="HTML DOM Ƙɗanɗe Output ɗanɗi"><output></a></li> <li><a href="/ha/jsref/dom_obj_paragraph.html" title="HTML DOM Ƙɗanɗe Paragraph ɗanɗi"><p></a></li> <li><a href="/ha/jsref/dom_obj_param.html" title="HTML DOM Ƙɗanɗe Parameter ɗanɗi"><param></a></li> <li><a href="/ha/jsref/dom_obj_pre.html" title="HTML DOM Ƙɗanɗe Pre ɗanɗi"><pre></a></li> <li><a href="/ha/jsref/dom_obj_progress.html" title="HTML DOM Ƙɗanɗe Progress ɗanɗi"><progress></a></li> <li><a href="/ha/jsref/dom_obj_quote.html" title="HTML DOM Ƙɗanɗe Quote ɗanɗi"><q></a></li> <li><a href="/ha/jsref/dom_obj_s.html" title="HTML DOM S ƙanam"><s></a></li> <li><a href="/ha/jsref/dom_obj_samp.html" title="HTML DOM Samp ƙanam"><samp></a></li> <li><a href="/ha/jsref/dom_obj_script.html" title="HTML DOM Script ƙanam"><script></a></li> <li><a href="/ha/jsref/dom_obj_section.html" title="HTML DOM Section ƙanam"><section></a></li> <li><a href="/ha/jsref/dom_obj_select.html" title="HTML DOM Select ƙanam"><select></a></li> <li><a href="/ha/jsref/dom_obj_small.html" title="HTML DOM Small ƙanam"><small></a></li> <li><a href="/ha/jsref/dom_obj_source.html" title="HTML DOM Source ƙanam"><source></a></li> <li><a href="/ha/jsref/dom_obj_span.html" title="HTML DOM Span ƙanam"><span></a></li> <li><a href="/ha/jsref/dom_obj_strong.html" title="HTML DOM Strong ƙanam"><strong></a></li> <li><a href="/ha/jsref/dom_obj_sub.html" title="HTML DOM Subscript ƙanam"><sub></a></li> <li><a href="/ha/jsref/dom_obj_summary.html" title="HTML DOM Summary ƙanam"><summary></a></li> <li><a href="/ha/jsref/dom_obj_sup.html" title="HTML DOM Superscript ƙanam"><sup></a></li> <li><a href="/ha/jsref/dom_obj_table.html" title="HTML DOM Table ƙanam"><table></a></li> <li><a href="/ha/jsref/dom_obj_tbody.html" title="HTML DOM TBody ƙanam"><tbody></a></li> <li><a href="/ha/jsref/dom_obj_tabledata.html" title="HTML DOM TableData ƙanam"><td></a></li> <li><a href="/ha/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot ƙanam"><tfoot></a></li> <li><a href="/ha/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader ƙanam"><th></a></li> <li><a href="/ha/jsref/dom_obj_thead.html" title="HTML DOM THead ƙanam"><thead></a></li> <li><a href="/ha/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow ƙanam"><tr></a></li> <li><a href="/ha/jsref/dom_obj_textarea.html" title="HTML DOM Textarea ƙanam"><textarea></a></li> <li><a href="/ha/jsref/dom_obj_time.html" title="HTML DOM Time ƙanam"><time></a></li> <li><a href="/ha/jsref/dom_obj_title.html" title="HTML DOM Title ƙanam"><title></a></li> <li><a href="/ha/jsref/dom_obj_track.html" title="HTML DOM Track ƙanam"><track></a></li> <li><a href="/ha/jsref/dom_obj_u.html" title="HTML DOM Underline ƙanam"><u></a></li> <li><a href="/ha/jsref/dom_obj_ul.html" title="HTML DOM Ul ƙanam"><ul></a></li> <li><a href="/ha/jsref/dom_obj_var.html" title="HTML DOM Variable ƙanam"><var></a></li> <li><a href="/ha/jsref/dom_obj_video.html" title="HTML DOM Video ƙanam"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ha/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ƙanam">CSSStyleDeclaration</a></li> <li><a href="/ha/jsref/jsref_type_conversion.html" title="JavaScript rarrabawar ƙanam">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ha/howto/index.html" title="CodeW3C.com ƙanam">CodeW3C.com ƙanam</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>animationiteration ƙanam</h1> <div class="btn-toref"> <a href="/ha/jsref/dom_obj_event.html" title="Event HTML DOM">DOM رخدات</a> <a href="/ha/jsref/obj_animationevent.html" title="HTML DOM AnimationEvent ƙanam">AnimationEvent</a> </div> <div> <h2>定义和用法</h2> <p>animationiteration 事件在重复 CSS 动画时发生。</p> <p>如果 <a href="/ha/cssref/pr_animation-iteration-count.html" title="CSS animation-iteration-count ƙanam">CSS animation-iteration-count ƙanam</a>设置为 "1"，表示动画只会播放一次，则不会发生 animationiteration 事件。动画需要多次运行才能触发该事件。</p> <p>Dominan ƙoyar ƙirar CSS ƙaɗa, dominan ƙoyar ƙirar ƙaɗa: ta ƙoyar ƙirar ɗin <a href="/ha/css/css3_animations.html" title="CSS animation ƙanam">CSS3 ƙoyar ƙirar</a>.</p> <p>وقتی که حركة CSS پخش می‌شود، ممکن است سه رخداد رخ دهد:</p> <ul> <li><a href="/ha/jsref/event_animationstart.html" title="animationstart ƙanam">animationstart</a> - وقتی که حركة CSS شروع می‌شود رخ می‌دهد</li> <li><a href="/ha/jsref/event_animationiteration.html" title="animationiteration ƙanam">animationiteration</a> - وقتی که حركة CSS تکرار می‌شود رخ می‌دهد</li> <li><a href="/ha/jsref/event_animationend.html" title="animationend ƙanam">animationend</a> - وقتی که حركة CSS کامل شد رخ می‌دهد</li> </ul> </div> <div> <h2>مثال</h2> <p>وقتی که حركة CSS تکرار می‌شود، به <div> برخی کارها انجام دهید:</p> <pre class="language-js"> var x = document.getElementById("myDIV"); // کد برای Chrome،Safari و Opera x.addEventListener("webkitAnimationIteration", myRepeatFunction); // دستورالعمل استاندارد x.addEventListener("animationiteration", myRepeatFunction); </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=event_animationstart">آزمایش کنید</a></p> </div> <div> <h2>دستورالعمل</h2> <pre class="language-js"> <i>موضوع</i>.addEventListener("webkitAnimationIteration", <i>myScript</i>); // کد برای Chrome،Safari و Opera <i>موضوع</i>.addEventListener("animationiteration", <i>myScript</i>); // دستورالعمل استاندارد </pre> <p class="note"><span>تعليقات:</span>Internet Explorer 8 و نسخه‌های قبلی آن از آن پشتیبانی نمی‌کنند <a href="/ha/jsref/met_element_addeventlistener.html" title="HTML DOM addEventListener() ƙanam">مетод addEventListener()</a>.</p> </div> <div> <h2>جزئیات فنی</h2> <table class="definition-usage"> <tr> <th>تقليد:</th> <td>پشتیبانی</td> </tr> <tr> <th>قابل لغو:</th> <td>نپشتیبانی</td> </tr> <tr> <th>نوع رخداد:</th> <td><a href="/ha/jsref/obj_animationevent.html" title="HTML DOM AnimationEvent ƙanam">AnimationEvent</a></td> </tr> <tr> <th style="width: 25%;">نسخه DOM:</th> <td>رخدات سطح 3</td> </tr> </table> </div> <div> <h2>پشتیبانی مرورگر</h2> <p>اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که کامل از این رخداد پشتیبانی می‌کنند.</p> <p>عدد بعدی "webkit" یا "moz" نشان‌دهنده نسخه اولیه استفاده از پیشوند است.</p> <table class="browser-support"> <tr> <th class="bsTh">رخدات</th> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>animationiteration</td> <td>4.0 webkit</td> <td>10.0</td> <td>16.0<br>5.0 moz</td> <td>4.0 webkit</td> <td>15.0 webkit<br>12.1</td> </tr> </table> <p class="note"><span>تعليقات:</span>برای Chrome،Safari و Opera از webkitAnimationEnd استفاده کنید.</p> </div> <div> <h2>صفحات مرتبطة</h2> <p>درس CSS:<a href="/ha/css/css3_animations.html" title="CSS animation ƙanam">حركة CSS3</a></p> <p>دستورالعمل CSS:<a href="/ha/cssref/pr_animation.html" title="CSS animation ƙanam">خصائص animation CSS3</a></p> <p>دستورالعمل CSS:<a href="/ha/cssref/pr_animation-iteration-count.html" title="CSS animation-iteration-count ƙanam">خصائص animation-iteration-count CSS3</a></p> <p>دستورالعمل HTML DOM:<a href="/ha/jsref/prop_style_animation.html" title="Style animation ƙanam">Style animation ƙanam</a></p> </div> <div class="btn-toref"> <a href="/ha/jsref/dom_obj_event.html" title="Event HTML DOM">DOM رخدات</a> <a href="/ha/jsref/obj_animationevent.html" title="HTML DOM AnimationEvent ƙanam">AnimationEvent</a> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/ha/jsref/index.html">Kita'war Nauyin JavaScript da HTML DOM</a></h5> <h5 id="tools_example"><a href="/ha/js/js_examples.html">JavaScript 实例</a></h5> <h5 id="tools_quiz"><a href="/ha/js/js_quiz.html">JavaScript 测验</a></h5> <h5 id="tools_tutorial"><a href="/ha/js/index.html">JavaScript 教程</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。 </p> <p id="p2"> <a href="/ha/about/index.html" title="Game CodeW3C.com ƙanam">Game CodeW3C.com ƙanam</a> <a href="/ha/about/about_helping.html" title="Tuntubawa CodeW3C.com ƙanam">Tuntubawa CodeW3C.com ƙanam</a> <a href="/ha/about/about_use.html" title="Game ƙanam">ƙanam ƙanam</a> <a href="/ha/about/about_privacy.html" title="Game ƙanam">ƙanam ƙanam</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Kama da Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>