博客列表 >js-双按钮点名器

js-双按钮点名器

梁凯达的博客
梁凯达的博客原创
2019年02月28日 19:24:07918浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id="div"></div>
	<button onclick="go()">开始</button>
	<button onclick="stop()">停止</button>
</body>
<script>
	//名称数组
		var nameList =['凤凤','如花','芙蓉姐姐','石榴姐姐','麻老湿','小泽老湿','苍老湿','琦琦老湿','泷老湿'];

		var div = document.getElementById('div');

		var timmer;

	//点击go让我们的名字动起来
	function go(){
		console.log(timmer);
		//判断我们是否是第一次点击操作
		if(timmer == undefined){
			timmer =setInterval(function(){
				//随机数组下标
				var  num = Math.floor(Math.random()*nameList.length);
				div.innerHTML = nameList[num];
			},1);
		}
	}
	//让我们的名字停止
	function stop(){
		//alert(2);
		//清除定时器
		clearInterval(timmer);
		timmer = undefined;
	}

</script>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议