吃喝不愁脚本,轮询吃啥 HTML

最新推荐文章于 2023-11-27 10:09:45 发布

ttttxxxxxa

最新推荐文章于 2023-11-27 10:09:45 发布

阅读量328

点赞数

分类专栏：自学文章标签： html css3 前端

本文链接：https://blog.csdn.net/qq_37033450/article/details/122292684

版权

自学专栏收录该内容

5 篇文章 0 订阅

订阅专栏

用浏览器打开啊亲!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>老哥吃啥不愁了</title>
<script type="text/javascript">
var foodName = '鸭血火锅,木屋烧烤,顺兴斋的菜,杨门四季涮肉,鼎炎牛地摊烤牛肉,鲜小鱼纸包鱼,南城石锅烤肉,屯老二农家铁锅炖,蛙来哒';//逗号隔开
var foodNameArray = foodName.split(',');
var num = foodNameArray.length-1;
var timer;
function $(o){return document.getElementById(o);}
function change(){
	$('foodName').innerHTML = foodNameArray[getRun(0,num)];
}
function getRun(_min,_max){
	return parseInt(Math.random()*(_max-_min+1));
}
function Start(){
	clearInterval(timer);
	timer = setInterval('change()',30);
}
function Stop(){
	clearInterval(timer);	
}
</script>
<style type="text/css">
*{font-size:12px;}
#foodName{width:200px;height:20px;border:1px solid #ddd;padding:10px;margin:10px;}
</style>
</head>

<body>
<p>店名：</p><div id="foodName">你准备好了吗</div>
<input type="button" value="开始选择" onclick="Start();" />
<input type="button" value="就这家了" onclick="Stop();" />
</body>
</html>