简明现代魔法 -> JavaScript -> js轮播选择:午餐吃啥?

js轮播选择:午餐吃啥?

2011-03-19

最愁就是每天中午吃什么了,有空就做了个 JavaScript 轮播随机选择。会轮播预先自定义的菜单中,然后点选定的时候确定一款。代码可以查看本页源代码获得,你可以自定义修改菜单数组。

效果演示

选饭了。。

JavaScript Code

<script type="text/javascript">
var foodName = '拉面,食堂,电视台食堂,外卖,三峡,肯德基,pizza hat';//此处修改饭菜,以逗号隔开
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>
随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们