{"id":9838,"date":"2020-10-02T12:54:59","date_gmt":"2020-10-02T09:24:59","guid":{"rendered":"https:\/\/maktabkhooneh.org\/mag\/?p=9838"},"modified":"2026-04-06T21:55:53","modified_gmt":"2026-04-06T18:25:53","slug":"article-of-javascript-programming-language-tutorial-part-iii","status":"publish","type":"post","link":"https:\/\/maktabkhooneh.org\/mag\/article-of-javascript-programming-language-tutorial-part-iii\/","title":{"rendered":"\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0635\u0648\u0631\u062a \u062a\u0626\u0648\u0631\u06cc \u2013 \u0642\u0633\u0645\u062a \u0633\u0648\u0645"},"content":{"rendered":"\n

\u0622\u0645\u0648\u0632\u0634 JavaScript<\/span><\/h2>\n\n\n\n

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0632 <\/span><\/span><\/span><\/span>\u0622\u0645\u0648\u0632\u0634 JavaScript <\/span><\/strong><\/a>\u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u0645 \u062a\u0627 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0627 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc <\/span><\/span>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a> \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0648 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a <\/span><\/span><\/span>html<\/span> \u0648 <\/span>css<\/span> \u0622\u0634\u0646\u0627 \u06a9\u0646\u06cc\u0645.<\/span><\/span><\/span><\/p>\n\n\n\n

\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062d\u062a\u0645\u0627 \u062f\u0631 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 JavaScript<\/strong><\/span> \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0631\u062f\u06cc\u062f\u060c \u0627\u0632 \u0639\u0628\u0627\u0631\u062a <\/span>document<\/span> \u0628\u0631\u0627\u06cc \u06af\u0631\u0641\u062a\u0646 \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 <\/span>html<\/span> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0628\u0648\u062f\u0645. \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 <\/span>html<\/span> \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0645 \u0622\u06cc \u062f\u06cc\u060c \u062a\u06af \u0627\u0644\u0645\u0627\u0646\u060c \u0646\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0648 <\/span>css<\/span><\/span> \u0622\u0646 \u0631\u0627 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u06af\u06cc\u0631\u06cc\u062f.<\/span><\/span><\/span><\/span><\/p>\n\n\n\n

<html>\n  <body>\n    <p id=\"demo\"><\/p>\n\n    <script>\n      document.getElementById(\"demo\").innerHTML = \"Hello World!\";\n    <\/script>\n  <\/body>\n<\/html>\n\n<html>\n  <body>\n    <p class=\"demo\"><\/p>\n\n    <script>\n      document.getElementsByClassName(\"demo\").innerHTML = \"Hello World!\";\n    <\/script>\n  <\/body>\n<\/html>\n\n<html>\n  <body>\n    <p><\/p>\n\n    <script>\n      document.getElementsByTagName(\"p\").innerHTML = \"Hello World!\";\n    <\/script>\n  <\/body>\n<\/html>\n\n<!DOCTYPE html>\n<html>\n  <body>\n    <h2>Finding HTML Elements by Query Selector<\/h2>\n\n    <p>Hello World!<\/p>\n\n    <p class=\"intro\">The DOM is very useful.<\/p>\n    <p class=\"intro\">\n      This example demonstrates the <b>querySelectorAll<\/b> method.\n    <\/p>\n\n    <p id=\"demo\"><\/p>\n\n    <script>\n      var x = document.querySelectorAll(\"p.intro\");\n      document.getElementById(\"demo\").innerHTML =\n        'The first paragraph (index 0) with class=\"intro\": ' + x[0].innerHTML;\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u0627\u0646\u0648\u0627\u0639 \u062d\u0627\u0644\u0627\u062a \u062f\u06cc\u06af\u0631\u06cc \u0646\u06cc\u0632 \u0628\u0631\u0627\u06cc \u06af\u0631\u0641\u062a\u0646 \u0645\u0642\u0627\u062f\u06cc\u0631 \u06cc\u06a9 html \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0637\u0648\u0631 \u062e\u0627\u0635 \u062a\u06af \u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u0627\u0632 html \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f. \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0648\u0627\u0631\u062f \u06af\u0631\u0641\u062a\u0646 \u06a9\u0644 body \u06cc\u06a9 \u0641\u0627\u06cc\u0644 html \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <body>\n    <p id=\"demo\"><\/p>\n\n    <script>\n      alert(document.body.innerHTML);\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u0645\u0648\u0631\u062f \u0628\u0639\u062f\u06cc \u06af\u0631\u0641\u062a\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 document.forms \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <body>\n    <h2>Finding HTML Elements Using document.forms<\/h2>\n\n    <form action=\"\">\n      First name: <input type=\"text\" name=\"fname\" value=\"Donald\" \/>\n      <input type=\"submit\" value=\"Submit\" \/>\n    <\/form>\n\n    <p id=\"demo\"><\/p>\n\n    <script>\n      document.getElementById(\"demo\").innerHTML =\n        \"Number of forms: \" + document.forms.length;\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u062f\u0633\u062a\u0648\u0631 \u0628\u0639\u062f\u06cc \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u06af\u0631\u0641\u062a\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a head \u06cc\u06a9 \u0641\u0627\u06cc\u0644 html \u0645\u06cc\u200c\u0628\u0627\u0634\u062f:<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <head>\n    <title>W3Schools Demo<\/title>\n  <\/head>\n  <body>\n    <p id=\"demo\"><\/p>\n\n    <script>\n      document.getElementById(\"demo\").innerHTML = document.head;\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u0645\u0648\u0631\u062f \u0628\u0639\u062f\u06cc \u06af\u0631\u0641\u062a\u0646 \u0639\u06a9\u0633\u200c\u0647\u0627\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 html \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <body>\n    <h2>Finding HTML Elements Using document.images<\/h2>\n\n    <img src=\"pic_htmltree.gif\" width=\"486\" height=\"266\" \/>\n    <img src=\"pic_navigate.gif\" width=\"362\" height=\"255\" \/>\n\n    <p id=\"demo\"><\/p>\n\n    <script>\n      document.getElementById(\"demo\").innerHTML =\n        \"Number of images: \" + document.images.length;\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u062f\u0631 \u062d\u0627\u0644\u062a \u0628\u0639\u062f\u06cc \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 html \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f:<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <body>\n    <h2>Finding HTML Elements Using document.links<\/h2>\n\n    <p>\n      <a href=\"\/html\/default.asp\">HTML<\/a>\n      <br \/>\n      <a href=\"\/css\/default.asp\">CSS<\/a>\n    <\/p>\n\n    <p id=\"demo\"><\/p>\n\n    <script>\n      document.getElementById(\"demo\").innerHTML =\n        \"Number of links: \" + document.links.length;\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u0645\u0648\u0631\u062f \u0628\u0639\u062f\u06cc \u062a\u06af\u200c\u0647\u0627\u06cc script \u06a9\u0647 \u062a\u06af \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f.<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <body>\n    <h2>Finding HTML Elements Using document.scripts<\/h2>\n\n    <p id=\"demo\"><\/p>\n\n    <script>\n      document.getElementById(\"demo\").innerHTML =\n        \"Number of scripts: \" + document.scripts.length;\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u062f\u0633\u062a\u0648\u0631 \u0628\u0639\u062f\u06cc \u0628\u0647 \u0634\u0645\u0627 \u0645\u0642\u062f\u0627\u0631 title \u0635\u0641\u062d\u0647 html \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f:<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <head>\n    <title>W3Schools Demo<\/title>\n  <\/head>\n  <body>\n    <h2>Finding HTML Elements Using document.title<\/h2>\n\n    <p id=\"demo\"><\/p>\n\n    <script>\n      document.getElementById(\"demo\").innerHTML =\n        \"The title of this document is: \" + document.title;\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u0648\u0642\u062a\u06cc \u06a9\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0628\u0627\u0644\u0627\u060c \u0627\u0644\u0645\u0627\u0646 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u06af\u0631\u0641\u062a\u06cc\u062f \u0648 \u06cc\u0627 \u0627\u0635\u0637\u0644\u0627\u062d\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631\u062f\u06cc\u062f\u060c \u0627\u06a9\u0646\u0648\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0632\u06cc\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0642\u062f\u0627\u0631 html \u0648 \u06cc\u0627 css \u0622\u0646 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f \u0648 \u06cc\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u0628\u0647 \u0622\u0646 \u0628\u062f\u0647\u06cc\u062f. \u0645\u062b\u0644\u0627 \u0627\u06af\u0631 \u062f\u06a9\u0645\u0647 \u0627\u0633\u062a\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u063a\u06cc\u0631 \u0641\u0639\u0627\u0644 \u06a9\u0646\u06cc\u062f.<\/span><\/p>\n\n\n\n
\u062f\u0633\u062a\u0648\u0631 innerHTML \u062f\u0631 \u0622\u0645\u0648\u0632\u0634 JavaScript<\/strong><\/span><\/span><\/span><\/h3>\n\n\n\n
\u0627\u0648\u0644\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 innerHTML \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u06a9\u0647 \u062f\u0631 \u0645\u062b\u0627\u0644\u200c\u0647\u0627 \u0646\u06cc\u0632 \u0622\u0646 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0631\u062f\u06cc\u062f. \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0645\u062d\u062a\u0648\u0627\u06cc \u062f\u0627\u062e\u0644 \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 html \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0645\u0642\u062f\u0627\u0631 \u0628\u0647 \u0622\u0646 \u0627\u062e\u062a\u0635\u0627\u0635 \u0646\u062f\u0647\u06cc\u062f\u060c \u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0645\u0627\u0646 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u062f\u0631 html \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0628\u0631 \u0645\u06cc\u06af\u0631\u062f\u0627\u0646\u062f.<\/span><\/p>\n\n\n\n
\u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u06a9\u0647 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 html \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0645\u062a\u063a\u06cc\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u062a\u0645\u06cc\u0632\u062a\u0631 \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u062a\u0631\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f:<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <body>\n    <h1 id=\"id01\">Old Heading<\/h1>\n\n    <script>\n      var element = document.getElementById(\"id01\");\n      element.innerHTML = \"New Heading\";\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u0622\u0645\u0648\u0632\u0634 JavaScript<\/strong><\/span><\/span> \u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u062d\u062a\u0648\u0627\u06cc \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 html\u060c \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u062e\u0627\u0635 \u0622\u0646 \u0631\u0627 \u0646\u06cc\u0632 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f. \u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u06cc\u06a9 \u062a\u06af img \u062f\u0627\u0631\u06cc\u062f \u0648 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u062f \u062a\u0627 \u0641\u0627\u06cc\u0644 \u0645\u0646\u0628\u0639 \u0639\u06a9\u0633 \u0622\u0646 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f\u060c \u0627\u06cc\u0646\u06a9\u0627\u0631 \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0642\u0627\u0628\u0644 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f:<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <body>\n    <img id=\"myImage\" src=\"smiley.gif\" \/>\n\n    <script>\n      document.getElementById(\"myImage\").src = \"landscape.jpg\";\n    <\/script>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u062f\u0631 \u0648\u0627\u0642\u0639 \u0647\u0631 \u0648\u06cc\u0698\u06af\u06cc \u0627\u0632 \u0647\u0631 \u062a\u06af\u06cc \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0645 \u0622\u0646 \u0648 \u0645\u0634\u0627\u0628\u0647 \u062f\u0633\u062a\u0648\u0631 \u0628\u0627\u0644\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/span><\/p>\n\n\n\n
\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u06af\u0641\u062a\u0645\u060c \u0634\u0645\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u0627\u06cc\u0644 \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 \u0631\u0627 \u0646\u06cc\u0632 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0627\u0631 \u062a\u0646\u0647\u0627 \u06a9\u0627\u0641\u06cc\u0633\u062a \u062a\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0633\u062a\u0627\u06cc\u0644 \u0648 \u0633\u067e\u0633 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0648\u0631\u062f \u0646\u0638\u0631\u060c \u0622\u0646 \u0631\u0627 \u0645\u0642\u062f\u0627\u0631 \u062f\u0647\u06cc \u06a9\u0646\u06cc\u062f.<\/span><\/p>\n\n\n\n
<html>\n  <body>\n    <p id=\"p2\">Hello World!<\/p>\n\n    <script>\n      document.getElementById(\"p2\").style.color = \"blue\";\n    <\/script>\n\n    <p>The paragraph above was changed by a script.<\/p>\n  <\/body>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u0634\u0645\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0646\u06cc\u0632 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0627\u0631 \u0627\u0632 \u062a\u0627\u0628\u0639 SetInterval \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u062a\u0627\u0628\u0639 \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0627\u062c\u0631\u0627\u06cc \u0622\u0646 \u0642\u0637\u0639 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u062f\u0631 \u0645\u062f\u062a \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0622\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u062f\u0627\u062e\u0644 \u0622\u0646 \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/span><\/p>\n\n\n\n
var id = setInterval(frame, 5);\n\nfunction frame() {\n  if (\/* test for finished *\/) {\n    clearInterval(id);\n  } else {\n    \/* code to change the element style *\/ \n  }\n}\n<\/span><\/pre>\n\n\n\n
\u0645\u062b\u0627\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0631 \u062f\u0627\u062e\u0644 html:<\/span><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <body>\n    <h1>My First JavaScript Animation<\/h1>\n\n    <div id=\"animation\">My animation will go here<\/div>\n  <\/body>\n\n  <script>\n    function myMove() {\n      var elem = document.getElementById(\"animate\");\n      var pos = 0;\n      var id = setInterval(frame, 5);\n      function frame() {\n        if (pos == 350) {\n          clearInterval(id);\n        } else {\n          pos++;\n          elem.style.top = pos + \"px\";\n          elem.style.left = pos + \"px\";\n        }\n      }\n    }\n  <\/script>\n<\/html>\n<\/span><\/pre>\n\n\n\n
\u0645\u0648\u0631\u062f \u0628\u0639\u062f\u06cc \u062f\u0631 \u0622\u0645\u0648\u0632\u0634 JavaScript<\/strong><\/span><\/span> \u0628\u0633\u06cc\u0627\u0631 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0645\u06cc\u200c\u0628\u0627\u0634\u062f. \u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0631\u0641\u062a\u0627\u0631 \u0648 \u0639\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0633\u0627\u06cc\u062a \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. \u0645\u062b\u0644\u0627 \u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u062f \u062a\u0627 \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0631 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647\u200c\u06cc \u062e\u0627\u0635\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0635\u0641\u062d\u0647 \u06a9\u0644\u06cc\u06a9 \u06a9\u0631\u062f\u060c \u062a\u063a\u06cc\u06cc\u0631\u06cc \u062f\u0631 \u0631\u0646\u06af \u0627\u0644\u0645\u0627\u0646 \u062e\u0627\u0635\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u06cc\u062c\u0627\u062f \u0634\u0648\u062f \u0648 \u06cc\u0627 \u0645\u062a\u0646\u06cc \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u062f\u060c \u062a\u0645\u0627\u0645\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631\u0647\u0627 \u0628\u0627 event \u0647\u0627 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0642\u0627\u0628\u0644 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u0628\u0627\u0634\u0646\u062f.<\/span><\/p>\n\n\n
\n
\n    
\n        \"\u0628\u0631\u0646\u0627\u0645\u0647\n    <\/div>\n\n    
\n        \n            \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 (\u062c\u0627\u0648\u0627)        <\/a>\n\n        
\n            \n                \u0631\u0627\u06cc\u06af\u0627\u0646<\/span>\n\n                    <\/div>\n