写一个好玩的效果,还不完美,第一版JS 点击数字变大自增一,还原

<html>
<head>
<script src="jquery-2.1.0.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
	var interval;
	var font_val = 18;
	
	function showNum() {
	
		$("#number").css({"font-size": font_val});
		font_val += 1;
		if(50 == font_val) {
			clearTimeout(interval);
			font_val = 18;
			$("#number").css({"font-size": font_val});
		}
	}
	
	$("#cli_num").click(function() {
		console.log("ok");
		
		interval = setInterval(showNum, "100");
		var tmp_n = parseInt($(this).children().html());
		tmp_n += 1;
		$(this).children().html(tmp_n);
		console.log(tmp_n);
	});
});


</script>


第二段

<hr>
点击数字自增<a href="#" id="cli_num" fonts="18"><span id="number" >1</span></a>
<div id="tmp_number" style="display:none;">1</div>


你可能感兴趣的:(写一个好玩的效果,还不完美,第一版JS 点击数字变大自增一,还原)