最后在div中还是显示'执行完成'字样
在习题中,当点击‘停止’按钮后,div中会显示‘执行停止’。但是过了一会后最终还是会在div 中显示‘执行完成’提示。
这样是不是可以理解为,虽然动图的动作是停止了,但是其实代码还是在跑的,最后走到执行‘$("#tip").html("执行完成!")’处,在页面上就显示‘执行完成’提示。
在习题中,当点击‘停止’按钮后,div中会显示‘执行停止’。但是过了一会后最终还是会在div 中显示‘执行完成’提示。
这样是不是可以理解为,虽然动图的动作是停止了,但是其实代码还是在跑的,最后走到执行‘$("#tip").html("执行完成!")’处,在页面上就显示‘执行完成’提示。
2015-04-13
正确代码:
<script type="text/javascript">
$(function () {
$("span").animate({
left: "+=100px"
}, 3000, function () {
$(this).animate({
height: '+=60px',
width: '+=60px'
}, 3000, function () {
$("#tip").html("执行完成!");
});
});
$("#btnStop").bind("click", function () {
$("span").stop();
$("#tip").html("执行停止!");
});
});
</script>
缺少stop()调用
举报