I m javascript newbie...please with me. 修改了从3c 辅导法中选取的 some升法。 我只想生动地展示地方的(一)变量,这代表了为四(4)条 j升的电话而出现的频率。 我期望看到国家空间局的标签文本在每张假日之后从0到2日发生动态变化。 然而,当纽托克被点击时,实际发生的情况是,“面值:2”在tag子里立即显示,然后是 an。 该法典实施(http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_animation) 在以下浏览器中也是如此: Chrome、IE、PeFox和Safari。 什么是错做的,我如何能够做到这一点?
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
for(i=0; i<3; i++)
{
$("div").animate({height:300},"slow"); //jQuery call 1
$("div").animate({width:300},"slow"); //jQuery call 2
$("div").animate({height:100},"slow"); //jQuery call 3
$("div").animate({width:100},"slow"); //jQuery call 4
document.getElementById("count").innerHTML="count: "+i; // JavaScript DOM call
}
});
});
</script>
</head>
<body>
<button>Start Animation</button>
<br /><br />
<div style="background:#98bf21;height:100px;width:100px;position:relative">
<span id="count"></span>
</div>
</body>
</html>
<><>>><>>>>>> 原文高于......在本行以下的新工作代码__<_>>>>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var i=0;
$("div").animate({height:300},"slow",function(){ document.getElementById ("count").innerHTML="jQuery Animation 1"; });
$(document).ready(function(){ $("button").click(function(){ myRecursiveFunction(i); }); });
function myRecursiveFunction(i)
{
document.getElementById("count").innerHTML="count: "+i;
$("div").animate({height:300},"slow");
$("div").animate({width:300},"slow");
$("div").animate({height:100},"slow");
$("div").animate({width:100},"slow",function(){
if(i < 10){myRecursiveFunction(++i);}
});
}
</script>
</head>
<body>
<button>Start Animation</button>
<br /><br />
<div style="background:#98bf21;height:100px;width:100px;position:relative">
<span id="count"></span>
</div>
</body>
</html>