<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>大蚂蚁</p> <p id = "one">0</p> <input id="btn" type="button" value="大蚂蚁">
<p>蚂蚁</p> <p id = "two">0</p> <input id="btn1" type="button" value="蚂蚁">
<p>大米</p> <p id = "three">0</p>
<script>
var btn = document.getElementById('btn');
var btn1 = document.getElementById('btn1');
var oone = document.getElementById('one');
var otwo = document.getElementById('two');
var othree = document.getElementById('three');//一个大蚂蚁由十个小蚂蚁生成,每按一下大蚂蚁增加1,小蚂蚁减少10;
btn.onclick = function (){
var first = oone.innerHTML;
var second = otwo.innerHTML;
oone.innerHTML =(parseInt(first) + 1);
otwo.innerHTML =(parseInt(second)-10);
}//一只小蚂蚁由十个大米生成, 每按一下小蚂蚁增加1 ,大米减少10 ,每秒自动增加 大蚂蚁*10 的数量 。
???????????
//大米起始为100 每秒增加 小蚂蚁*1 的数量
???????????
</script>
</body></html>???????????的程序不太会写,请教大神。
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>大蚂蚁</p> <p id = "one">0</p> <input id="btn" type="button" value="大蚂蚁">
<p>蚂蚁</p> <p id = "two">0</p> <input id="btn1" type="button" value="蚂蚁">
<p>大米</p> <p id = "three">0</p>
<script>
var btn = document.getElementById('btn');
var btn1 = document.getElementById('btn1');
var oone = document.getElementById('one');
var otwo = document.getElementById('two');
var othree = document.getElementById('three');//一个大蚂蚁由十个小蚂蚁生成,每按一下大蚂蚁增加1,小蚂蚁减少10;
btn.onclick = function (){
var first = oone.innerHTML;
var second = otwo.innerHTML;
oone.innerHTML =(parseInt(first) + 1);
otwo.innerHTML =(parseInt(second)-10);
}//一只小蚂蚁由十个大米生成, 每按一下小蚂蚁增加1 ,大米减少10 ,每秒自动增加 大蚂蚁*10 的数量 。
???????????
//大米起始为100 每秒增加 小蚂蚁*1 的数量
???????????
</script>
</body></html>???????????的程序不太会写,请教大神。
setTimeout() :在指定的毫秒数后调用函数或计算表达式。定时器了解一下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input id="btn" type="button" value="大蚂蚁">
<input id="btn1" type="button" value="小蚂蚁">
<p id="one">1</p>
<p id="two">1</p>
<script>
var btn = document.getElementById('btn');
var btn1 = document.getElementById('btn1');
var oone = document.getElementById('one');
var otwo = document.getElementById('two');
//大蚂蚁加1 小蚂蚁减少10
btn.onclick = function (){
var first = oone.innerHTML;
var second = otwo.innerHTML;
oone.innerHTML = parseInt(first) + 1;
otwo.innerHTML = parseInt(second) -10;
}//小蚂蚁的实时数量
btn1.onclick = function() {
var first = oone.innerHTML;
var second = otwo.innerHTML;
otwo.innerHTML = parseInt(second) + parseInt(first)*10;
}
setInterval(btn1.onclick,1000);</script>
</body>
</html>成功了 谢谢提醒