<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var foods=["炒拉条","油泼面","蛋炒饭","馒头稀饭","西红柿鸡蛋盖饭"];//自定义一些饭
//随机输出一种饭
function choice(){
var num = Math.random()*(foods.length-1);
num=Math.round(num);
var ret=document.getElementById("main_txt");
ret.innerText=foods[num];
// ret.value=foods[num];
}
var ID;
//动态显示随机的饭名
function start_click(){
choice();
stop_click(ID);
ID=setInterval(choice,100);
}
//最终随机的结果
function stop_click(){
clearInterval(ID);
}
</script>
</head>
<body>
<h1 id="main_txt">吃啥呀</h1>
<!--<input type="text" id="main_txt" value="吃啥呀">-->
<input type="button" value="Begin" id="bt_begin" onclick="start_click()">
<input type="button" value="End" id="bt_end" onclick="stop_click()">
</body>
</html>
专治吃饭选择困难症患者...