随机点名

最新推荐文章于 2021-11-28 21:20:56 发布

转载最新推荐文章于 2021-11-28 21:20:56 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cp123/p/9329716.html

本文介绍了一个简单的点名程序实现方式，使用HTML、CSS和JavaScript创建。该程序通过按钮触发随机点名过程，并显示被点到的人名及相应的任务。

<!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>