Разработка Web-приложений для iPhone
.pdf
'&()&*"+$& WEB ,)-."/01-2
3.4 iPhone/iPod Touch
5+6 1. '&*"+& # 3&1178-
9:0*1"0 ,"#"*-0 !&)$"% ;.;.
!"#$%&, 2009
!""#$%&'(
< ,"#"*-- )#8&+)-%&=+#4 $.=:0%70 +0>1"."?-- )&()&*"+$- ,)-."/01-2 3.4 *)&@(0)& A&B&)- – "#1"%1"?" WEB – *)&@(0)& Mac OS X - ",0)&C-"11"2 #-#+087 OS iPhone 2 .
'#8"+)01170 ,)-80)7 8"?@+ *7+6 -#,".6("%&17 3.4 ,"#+)"01-4 ,)-."/01-2 ,)&$+-:0#$- 3.4 .=*"2 ,.&+B")87 (%$.=:&4 Windows), 3.4 $"+")"2 #@D0#+%@0+ *)&@(0) A&B&)-. < ,0)%"2 :+- ,"#"*-4 )#8&+)-%&=+#4 "*D-0 ,"."/01-4, $.-01+#$-0 *&(7 3&117> - )&*"+& # XML 3"$@801+&8-.
<#0 ,)-80)7 %7,".1017 - "++0#+-)"%&17 1& Safari Version 3.2.1 (5525.27.1) 3.4 Mac OS X v.10.5.6 - Safari 3.4 iPhone OS 2.2.
2
1. !"#$%&"'(#)*+,# -%#$#+'.
<,"#"*-- )#8&+)-%&0+#4 )&()&*"+$& $.-01+#$-> ,)-."/01-2, -1+01#-%1" -#,".6(@=D-> )E-)01170 %"(8"/1"#+- Javascript 3.4 @,)&%.01-4 #"30)/-878 WEB #+)&1-C. F)03,".&?&0+#4, :+" #+@301+7 (1&$"87 # "#1"%&8- 4(7$& Javascript, -80=+ 1&%7$- #"(3&1-4 WEB #&2+"% # -#,".6("%&1-08 CSS - 80+"3"% 3-1&8-:0#$"2 ?010)&C-- HTML #+)&1-C.
<,"#"*-- )#8&+)-%&=+#4 #.03@=D-0 +087:
1)G.-01+#$-0 *&(7 3&117>;
2)XML HTTP (&,)"#7
3)H%@80)1&4 ?)&B-$& 3.4 WEB
4)Webkit-IBB0$+7, -,0)0>"37 - -&1-8&C-4
<$&/3"2 +080 -(@:&=+#4 $"1$)0+170 )&*"+&=D-0 ,)-80)7, +08& 8"/0+ *7+6 )&(*-+& 1& 10#$".6$" )&(30."%, % )&(30.&> ,)-%"34+#4 (&3&1-4 3.4 #&8"#+"4+0.61"2 ,)")&*"+$- - $"1+)".6170 %",)"#7.
J0$"+")70 ,)-087 -#,".6("%&1-4 Javascript (% ,)-%"3-87> % ,"#"*-- ,)-80)&>) ,)-8014=+#4 1&-*".00 :+". K+- ,)-087 ,)-%"34+#4 1-/0 -, 3&.00, -#,".6(@=+#4 *0( 3",".1-+0.617> ,"4#101-2
1.1. /-+0%+01 2&3)0+ 4"')05#+'.
Javascript $"3 8"/0+ *7+6 10,"#)03#+%011" %#+)"01 % HTML -/-.- )&(80D01 % "31"8 -.- 10#$".6$-> %10E1-> B&2.&>. L-#+-1?- 1-1 - 1-2 ,"$&(7%&=+ I+- #,"#"*7.
<html> <head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>L1-1</title>
<script type='text/javascript'> <!--
function main(){ alert('Done!');
}
//--> </script> </head>
<body onload='main()'> Template 1.(L1) </body>
</html>
!"#$"%& 1-1. Javascript !"#, $%&'"())*+ $ HTML
H&.00 %" %#0> E&*."1&> *@308 -#,".6("%&+6 $"3-)"%$@ utf-8 #,"#"* 00 ",)030.01-4 ,"$&(&1 % +)0+602 #+)"$0 .-#+-1?& 1-1. M#,".6("%&1-0 3&11"?" +0?& ,"(%".40+ *)&@(0)@ ,)&%-.61" "+"*)&(-+6 -80=D-0#4 1& #+)&1-C0 #-8%".7. <7*") utf-8 3.4 )#8&+)-%&087> 1&8- ,)-."/01-2 %&/01 3.4 $"))0$+1"?" %(&-8"302#+%-4 # *&(&8- 3&117>. <" %#0> ,)-80)&> 1-/0 -#,".6("%&1-0 @$&(&11"2 $"3-)"%$- ,)03,".&?&0+#4.
< .-#+-1?0 1-1 $"3, %#+)&-%&0872 % HTML 3"$@801+, ),".&?&0+#4 % )&(30.0 <head> 80/3@ +0?&8- <script …> - </script>. G"1#+)@$C-4 <!-- … //--> "?)&1-:-%&0+ $"8801+&)-2, %#+)&-%&0872 % 3"$@801+ HTML.
M1-C-&.-(&C-4 $"3& ,)-."/01-4 "#@D0#+%.40+#4 ," #"*7+-= 'onload', %7("% B@1$C-- main() 3
@$&(&1 % +0?0 <body>. < )#8"+)011"8 ,)-80)0 *)&@(0) %7%030+ #""*D01-0 'Done!'. J-$&$-> 3)@?-> 302#+%-2 B@1$C-4 main() 10 %7,".140+.
< .-#+-1?0 1-2 ,"$&(&1 #,"#"* )&(80D01-4 Javascript $"3& %" %10E108 B&2.0.
<html> <head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>L1-2</title>
<script type='text/javascript' src='../javascript/main.js'> </script>
</head>
<body onload='main()'> Template 1.(L1) </body>
</html>
!"#$"%& 1-2. ,"!-.()& HTML, %%*/0123+%4 )0 Javascript !"#, $" $)(5)(. 60+/(
H.4 ,)-%03011"?" HTML 3"$@801+& %7(7%&08&4 B@1$C-4, 3"./1& *7+6 (&,-#&1& %" %10E108 B&2.0 main.js, )&(80D011"8 % 3-)0$+")-- ../javascript1. N#.- %10E1-> B&2."% # Javascript $"3"8 10#$".6$", +" -> 8"/1" @$&(&+6 # ,"8"D6= #""+%0+#+%@=D0?" :-#.& +0?"%
<script>.
F" #""*)&/01-48 *0(","#+- Javascript $"3 /0.&+0.61" #$)7+6 "+ ,".6("%&+0.4 WEB ,)-."/01-4, 3.4 I+"?" @3"*178 4%.40+#4 -#,".6("%&1-0 #C01&)-0% -( %10E1-> B&2."%. F)- ,)"#8"+)0 -#>"31"?" $"3& +&$"2 #+)&1-C7 :0)0( *)&@(0), Javascript $"3 ,)"?)&887 ,".6("%&+0.= HTML #+)&1-C7 10 *@30+ %-301.
< ,"#"*-- *@3@+ -#,".6("%&+6#4 "*& ,"$&(&117> #,"#"*&.
O&*."17 ,)-."/01-2 - 81"?-0 ,)-80)7 ,)03#+&%.017 % ,)"#+02E08 %-30, 3"#+@,1"8 3.4 (&,"8-1&1-4. !1"?-0, %&/170 3.4 )0&.617> ,)-."/01-2 30+&.- (1&,)-80), +0?-, ",)030.01-0 $"3-)"%"$ #+)&1-C, ,&)&80+)7 B")8&+-)"%&1-4 #+)&1-C - 3).), :+" %
.-#+-1?&> 10 ,)-%"34+#4. P&$/0 ,)-80)7 #"30)/&+ 8-1-8@8 +0$#+&. K+" #30.&1" # C0.6= I$"1"8-- %)0801- ,)- #&8"#+"4+0.61"8 %7,".101-- ,)-80)"%.
1.2. 6-40)*70%&+'# &("'38(& 'id' $). $0-(84& 9 :)#;#+(&; HTML $098;#+(&
;+)-*@+ 'id' % HTML 3"$@801+0 3"./01 *7+6 @1-$&.6178, +.0. % 3"$@801+0 10 3"./1" %#+)0:&+6#4 3%@> -.- *".00 I.0801+"% # "3-1&$"%78 'id'. K+& "#"*011"#+6 ,"(%".40+ "*0#,0:-+6 *7#+)72 - IBB0$+-%172 #,"#"* 3"#+@,& $ +)0*@0878 I.0801+&8 3"$@801+&. Javascript ,"(%".40+ &3)0#"%&+6#4 $ I.0801+&8 3"$@801+& # ,"8"D6= 80+"3& document.getElementById().
< #.03@=D08 ,)-80)0 ,)-%0301" -#,".6("%&1-0 I+"?" 80+"3& 3.4 %7%"3& ,)03@,)0/3&=D0?" #""*D01-4 # ,"8"D6= alert()
<html> <head>
<title>L1-3</title>
<script type="text/javascript"> <!--
function showText(){ alert(document.getElementById('myText').value);
}
//--> </script>
1 H-)0$+")-4, #"30)/&D&4 B&2.7 # $"3&8- Javascript ),".&?&0+#4 1& #0)%0)0
4
</head> <body> Input form
<input type='text' id='myText'/>
<input type='button' value='enter' onclick='showText()'/> </body>
</html>
!"#$"%& 1-3. 7%8"/9:"$0)3( .(&"#0 document.getElementById()
J& #+)&1-C0 3"$@801+& ,"$&(7%&0+#4 ,".0 3.4 %%"3& #+)"$- +0$#+& - $1",$& # 1&3,-#6= 'enter'. H.4 $1",$- % $&:0#+%0 B@1$C---"*)&*"+:-$& D0.:$& 87E$- @$&(&1& B@1$C-4 showText(). K+& B@1$C-4 "*)&D&0+#4 $ I.0801+@ # id='myText' - %7%"3-+ 0?" (1&:01-0
(document.getElementById('myText').value) # ,"8"D6= alert() (A8. '-# 1.).
'-#.1-1. <7%"3 #"30(/-8"?" +0$#+"%"?" ,".4 % "$1" «alert»
1.3. <%01-(%0 innerHTML
!1"?-0 I.0801+7 HTML 3"$@801+& -80=+ #%"2#+%" innerHTML, ,"(%".4=D00 #:-+7%&+6 HTML $"3 I.0801+& - -(8014+6 0?" 1& .0+@. P&*.-C7, B)&?801+7 +0$#+& <span> - *."$- <div> 4%.4=+#4 +&$-8- I.0801+&8-, ,"(%".4=D-0 # ,"8"D6= 80+"3& document.getElementById() IBB0$+-%1" - ,)"#+" @,)&%.4+6 #"30)/&1-08 3"$@801+&. A.03@=D-2 .-#+-1? ,"$&(7%&0+ -#,".6("%&1-0 #%"2#+%& innerHTML 3.4 -(80101-4 B)&?801+& +0$#+& % &*(&C0.
< I+" ,)-80)0 % &*(&C0 +0$#+& %730.01 B)&?801+ <span>, #"30)/&D-2 "+B")8&+-)"%&1172 +0$#+, ,"3.0/&D-2 -(80101-=. K+"8@ B)&?801+@ # id='paragraph' 1&(1&:01 "*)&*"+:-$ D0.:$"% 87E$- onclick="changeMe()". Q@1$C-4 changeMe() (&80140+ "3-1
"+B")8&+-)"%&1172 +0$#+, 3)@?-8, -80=D-8 3)@?"0 B")8&+-)"%&1-0.
<html> <head>
<title>L1-4</title>
<script type="text/javascript"> <!--
function changeMe(){ document.getElementById('paragraph').innerHTML="<i>This part
of the text was changed when you clicked here<i>";
}
//--> </script> </head> <body>
5
Text
<p>This text can be changed by a simple click.
<span id='paragraph' onclick="changeMe()">This part of the text <u>will be changed when you click here</u></span>
</body> </html>
!"#$"%& 1-4. 7%8"/9:"$0)3( %$"+%&$0 innerHTML
M#>"3172 +0$#+ 3" -(80101-4 %7?.43-+ +&$:
This text can be changed by a simple click. This part of the text will be changed when you click here
P0$#+ ,"#.0 -(80101-4 -800+ #.03@=D-2 %-3:
This text can be changed by a simple click. This part of the text was changed when you clicked here
<&/178 4%.40+#4 -#,".6("%&1-0 3.4 -(80101-4 #"30)/&1-4 3"$@801+& +0?"% )&(80+$- HTML. A%"2#+%" innerHTML 3&0+ %"(8"/1"#+6 3-1&8-:0#$- (% $&:0#+%0 )0&$C-- 1& 10$"+")"0 #"*7+-0) -(8014+6 %10E1-2 %-3 - #"30)/&1-+0 3"$@801+&.
1.4. =&3)'>,
!0+"3 document.getElementById(); "*0#,0:-%&0+ ,)"#+"2 3"#+@, $ I.0801+&8 3"$@801+&. J" #%"2#+%" @1-$&.61"#+- 'id' 10 3&0+ ,)"#+"?" #,"#"*& 8&1-,@.4C-- # 4:02$&8- +&*.-C. < ,)-1C-,0, $&/3"2 4:02$0 +&*.-C7 8"/1" ,)-#%"-+6 #%"2 'id', 3&/0 0#.- 4:00$ 81"?", -301+-B-$&+")7 8"/1" ?010)-)"%&+6 3-1&8-:0#$-, 1&,)-80) ,)"?)&88"2 1& 4(7$0 PHP. F)- 10"*>"3-8"#+- ,".@:-+6 3"#+@, $ I.0801+@, #""+%0+#+%@=D-2 id 1@/1" ?010)-)"%&+6 % $.-01+#$"2 ,)"?)&880. < Javascript -800+#4 - 3)@?"2 #,"#"* 3"#+@,& $ 4:02$&8 +&*.-C.
<html> <head>
<title>L1-5</title>
<script type="text/javascript"> <!--
function totalSum(){
var myTable=document.getElementById('myTable'); var len=myTable.rows.length;
var sum=0;
for(var i=0;i<len-1;i++){ sum+=parseInt(myTable.rows[i].cells[0].innerHTML);
}
myTable.rows[len-1].cells[0].innerHTML=sum;
}
//--> </script> </head> <body> Table
<table border='1' id='myTable'>
<tr height='25'><td width='100'>1</td></tr> <tr height='25'><td >2</td></tr>
6
<tr height='25'><td >99</td></tr> <tr height='25'><td >-1</td></tr>
<tr height='25'><td onclick="totalSum()">Click here</td></tr> </table>
</body> </html>
!"#$"%& 1-5. 7%8"/9:"$0)3( &0;/3<
< ,)-80)0 )#8&+)-%&0+#4+&*.-C& 3.4 $"+")"2 ," D0.:$@ 87E$- % ,"#.03102 4:02$0 %7:-#.40+#4 #@88& C0.7> :-#0., @$&(&117> % ,)03E0#+%@=D-> 4:02$&>. <#0 %7:-#.01-4 ,)"%"34+#4 % B@1$C-- totalSum(), -(80101-0 ,"#.03102 4:02$-, +&$/0 ,)"-(%"3-+#4 I+"2 B@1$C-02. J-/0 ,)-%"34+#4 ,"4#101-4 ," -#,".6("%&1-= +&*.-C.
P&*.-C&
<table border='1' id='myTable'>,
$&$ "*R0$+ 3"$@801+& HTML, 8"/0+ *7+6 3"#+@,1& % Javascript # ,"8"D6= #.03@=D0?" "*R4%.01-4,
var myTable=document.getElementById('myTable').
S*R0$+ myTable "*.&3&0+ #%"2#+%"8 rows – 8#-%"8 "*R0$+"%-#+)"$. H.-1& I+"?" 8#-%& ",)030.40+#4 #+&13&)+178 #,"#"*"8
myTable.rows.length
G&/3&4 #+)"$& "*.&3&0+ #%"2#+%"8 cells – 8#-%"8 "*R0$+"% 4:00$,
myTable.rows[i].cells
G&$ "*R0$+7 +&*.-C&, #+)"$- - 4:02$- "*.&3&=+ #%"2#+%"8 innerHTML. J&,)-80), #%"2#+%"
myTable.rows[i].cells[0].innerHTML
",)030.40 HTML +0$#+ 1@.0%"2 4:02$- i-2 #+)"$- +&*.-C7. K+" #%"2#+%" 8"/1" -#,".6("%&+6 $&$ 3.4 :+01-4 HTML +0$#+&, +&$ - 3.4 0?" 1&(1&:01-4.
1.5. !"';#+#+'# 3)090% div
S31"2 -( %&/102E-> C0.02 ,)-80101-4 *."$"% <div> 4%.40+#4 1&(1&:01-0 /0.&087> #+-.0%7> &+)-*@+"% %730.011"8@ # ,"8"D6= +0?"% <div></div> B)&?801+@ 3"$@801+&. <#0 1&(1&:&0870 +&$-8 "*)&("8 &+)-*@+7 3"#+@,17 -( Javascript. H&.00 % ,)-80)&> *@3@+ -#,".6("%&+6#4 &+)-*@+7 #+-.4, "*0#,0:-%&=D-0:
1.F"(-C-"1-)"%&1-0 *."$& (position, top, left...),
2.',"."/01-0 *."$& % ",)030.011"8 #."0 3"$@801+& (z-index),
3.J&(1&:01-0 *."$@ ",)030.0117> #%"2#+% (opacity,color...)
Q)&?801+ I$)&1&, ,"$&(7%&=D-2 )0(@.6+&+7, ,)-%"3-+#4 1& '-#.1-1, 1-2.
7
<-3 1 |
<-3 2 |
)'*.1-2. F0)0$.=:01-0 -("*)&/01-2
G&/3"0 -("*)&/01-0 # #""+%0+#+%@=D-8 (&?"."%$"8 (&$.=:01" % #""+%0+#+%@=D-2 *."$ <div>, (1&:01-4 z-index @$&(7%&=+ 1"80) #."4, % $"+")"8 *@30+ ),"."/01 *."$, &+)-*@+7 top - left (&3&=+ ,"."/01-0 %0)>10?" .0%"?" @?.& 1& #+)&1-C0.
T0.:"$ 1& -("*)&/01-- -(80140+ ,")43"$ "+)-#"%$- -("*)&/01-2.
document.getElementById(first).style.zIndex=2; document.getElementById(second).style.zIndex=1;
= %/(#-12(. /3%&3)>( 8'3$"#3&%4 $"3, #(.")%&)-)@=D-2 8":3<3")3'"$0)-0 3:";'0?()3+ )0 %&'0)3<(.
Q@1$C-4-"*)&*"+:-$ (changeLayer(nom)) -(80140+ (1&:01-0 &+)-*@+& z-index. S*)&+-+0 %1-8&1-0 1& #,"#"* -801"%&1-0 #%"2#+%&, #""+%0+#+%@=D0?" &+)-*@+@. K.0801+7 3"$@801+& %7*-)&=+#4 ," -301+-B-$&+")@.
<html> <head>
<title>L1-6</title>
<script type="text/javascript"> <!--
function changeLayer(nom){ var first="img1";
var second="img2"; if(nom!=1) {
first="img2"; second="img1";
}
document.getElementById(first).style.zIndex=2; document.getElementById(second).style.zIndex=1;
}
//--> </script> </head> <body>
<H1>Images</h1>
<div id="img1" style="position:absolute;top:100px;left:100px;z- index:1">
8
<H2>Image 1</h2>
<img src="../images/Ris1.jpg" width='150' onclick="changeLayer(1)"/> </div>
<div id="img2" style="position:absolute;top:150px;left:150px;z- index:2">
<H2>Image 2</h2>
<img src="../images/Ris1.jpg" height='150' onclick="changeLayer(2)"/> </div>
</body> </html>
!"#$"%& 1-6. 7%8"/9:"$0)3( &0;/3<
H)@?-0 &+)-*@+7 #+-.4 8"?@+ -(8014+6#4 &1&."?-:178 "*)&("8. J&,)-80), -(80101-0 ,"."/01-4 *."$& 1& #+)&1-C0 8"/1" *7." *7 %7,".1-+6 +&$:
document.getElementById('img1').style.top='50px';
1.6. /()05#++0# '-40)+#+'# 90$&. ?8+9>'. setTimeout()
J0$"+")70 302#+%-4 % ,)"?)&88&> 10"*>"3-8" %7,".14+6 ,"#.0 10$"+")"2 (&30)/$-. J&,)-80), ,0)0)-#"%7%&+6 )-#@1"$ 3.4 #"(3&1-4 &1-8&C-- 8"/1" "3-1 )&( % 20 8-.-#0$@13, ,)"%0)4+6 (&%0)E01-0 (&?)@($- *".6E"?" B&2.& 8"/1" "3-1 )&( % #0$@13@, ,)"%0)4+6 ,"#+@,.01-0 I.0$+)"11"2 ,":+7 8"/1" "3-1 )&( % 8-1@+@.
F)"?)&887 1& Javascript 3.4 "+."/011"?" %7,".101-4 302#+%-2 -#,".6(@=+ #,0C-&.6170 "*R0$+7 – +&280)7. F)-80) -#,".6("%&1-4 +&280)& ,)-%"3-+#4 1-/0 (#8. .-#+-1? 1-7). J& #+)&1-C0 ),".&?&0+#4 (&?"."%"$ - 3%0 $1",$- (A8. '-#.1-3). G1",$& Start -#,".6(@0+#4 3.4 1&:&.& &1-8&C--. G1",$& Stop 3.4 (&%0)E01-4 &1-8&C--. J&/&+-0 1&
$)",$@ Start ,)-%"3-+ $ %7("%@ B@1$C-- startAnimation(). K+& B@1$C-4 @#+&1&%.-%&0+ (1&:01-0 ,0)08011"2 animationStarted=true, 3&.00 %7(7%&0+#4 B@1$C-4 animate(), %7>"3 -( I+"2 B@1$C-- %7,".140+#4 *0( %7,".101-4 302#+%-2, 0#.- animationStarted==false. < ,)"+-%1"8 #.@:&0, @#+&1&%.-%&0+#4 1"%"0 ,"."/01-0 (&?"."%$&, ,"#.0 :0?" %7(7%&0+#4 B@1$C-4 setTimeout():
myAnimationTimer=setTimeout('animate()',50);
P&280) :0)0( 50 8-..-#0$@13 %7("%0+ B@1$C-= animate().
< )0(@.6+&+0 %7,".101-4 @$&(&117> 302#+%-2 (&?"."%"$ *@30+ ,.&%1" ,0)080D&+6#4 -( $)&210?" ,)&%"?" % $)&2100 .0%"0 ,"."/01-0.
5+"*7 "#+&1"%-+6 &1-8&C-=, 1@/1" 1&/&+6 1& $1",$@ Stop, 00 B@1$C-4 – "*)&*"+:-$ @#+&1&%.-%&0+ animationStarted=false.
)'*. 1-3. A+)&1-C& $ ,)-80)@ L1-7
L-#+-1? # HTML $"3&8- - $"3"8 Javascript ,)-%"3-+#4 1-/0. J0$"+")"?" %1-8&1-4 +)0*@0+ B@1$C-4 startAnimation().F0)%70 #+)"$- I+"2 B@1$C-- ,)"%0)4=+ (1&:01-0
9
,0)08011"2 animationStarted, 0#.- 00 (1&:01-0 – -#+-1&, +" 3&.00 302#+%-4 % startAnimation() 10 ,)"-(%"34+#4. 9$&(&11&4 ,)"%0)$& ,"(%".40+ -(*0/&+6 81"?"$)&+1"?" (&,@#$& ,)"?)&887 animate().
<html> <head>
<title>L1-7</title>
<script type="text/javascript"> <!--
var animationStarted=false; var myAnimationTimer; function startAnimation(){
animationStarted=true; animate();
return;
}
function animate(){ if(!animationStarted){
return;
}
var myTitle=document.getElementById('myTitle'); var leftValue=parseInt(myTitle.style.left); if(leftValue<400){
leftValue++;
}
else { leftValue=0;
}
myTitle.style.left=leftValue+"px"; myAnimationTimer=setTimeout('animate()',50);
}
//--> </script> </head> <body>
<div id="myTitle" style="position:absolute;top:40px;left:20px;"><h2>Animation</h2></div> <input type="button" value="Start" onclick="startAnimation()" /><input type="button" value="Stop" onclick="animationStarted=false;" /> </body>
</html>
!"#$"%& 1-7. 7%8"/9:"$0)3( &0+.('0 #/4 0)3.0<33 &(!%&0
< ,)-%03011"8 ,)-80)0 (&30)/$& 80/3@ %7("%&8- B@1$C-- animate() #"#+&%.40+ 50 8-.-#0$@13, +.0. &1-8&C-- "#+&1"%-+#4 :0)0( 8&.72 ,)"80/@+"$ %)0801-. N#.- 10"*>"3-8" "#+&1"%-+6 +&280) ,)-1@3-+0.61", *0( "/-3&1-4 %7("%& B@1$C-- animate(), +" 8"/1" %"#,".6("%&+6#4 80+"3"8 clearTimeout(). <7("% ,"$&(&1 1-/0.
MyAnimationTimer.clearTimeout();
1.7. @&30(& - '703"&5#+'.;'. !"0%#"9& 7&%#"2#+'. 7&A"879'
< ,"#"*-- ,)-%"3-+#4 81"?" ,)-80)"%, #%4(&117> # "*)&*"+$"2 -("*)&/01-2. 5+" -("*)&/01-4 -#,".6(@=+#4 3.4 &1-8&C--, $&$ 3-1&8-:0#$&4 :+6 HTML #+)&1-C7. F)0/30 :08 -#,".6("%&+6 -("*)&/01-0, 10"*>"3-8" @*03-+6#4, :+" "1" (&?)@/01" # WEB @(.&. F)"*.08& #"#+"-+ % +"8, :+" %)084, :0)0( $"+")"0 -("*)&/01-0 *@30+ (&?)@/01", (&)&100
10