随机点名

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="lib/zTree_v3-master/css/demo.css">
<link rel="stylesheet" href="lib/zTree_v3-master/css/zTreeStyle/zTreeStyle.css">
<script>
var object= null;
var nameArr = ["1","2","3","4","5","6","7","8"];
var thinkArr = ["唱歌","说绕口令","真心话","大冒险"];
function dianming(obj){
    var cpdom = document.getElementById('cp');
    if(obj.getAttribute('data') == "start"){
        obj.setAttribute('data',"qwe");
        obj.innerHTML = "停止";
        object = setInterval(function(){
            cpdom.value = nameArr[parseInt(Math.random()*nameArr.length)]+"->"+thinkArr[parseInt(Math.random()*thinkArr.length)];
        },10);
    }else{
        clearInterval(object);
        obj.innerHTML = "开始";
        obj.setAttribute('data',"start");
    }
    
    
    
    
    
    
}

</script>
</head>

<body>
<button onClick="dianming(this)" data="start">点名</button>

<input id="cp" type="text">

</iframe>
</body>
</html>
View Code