点名神器

最新推荐文章于 2024-05-05 07:41:03 发布

乐福添

最新推荐文章于 2024-05-05 07:41:03 发布

阅读量183

点赞数

分类专栏：创作改进文章标签： html javascript

本文链接：https://blog.csdn.net/weixin_47352856/article/details/106568199

版权

创作同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

改进

1 篇文章 0 订阅

订阅专栏

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点名</title>
    <script src="Roll-Call.js"></script>
</head>

<style>
    p {
        font-size: 20px;
    }

    body {
        text-align: center;
    }

    #box {
        margin-top: 100px;
    }

    #name {
        font-size: 25px;
        margin-bottom: 20px;
    }
</style>

</head>
<body>

    <p>点名神器</p>
    <div id="name">点名即将开始!</div>
    <input type="button" id="control" value="开始" onclick="startorstop()">

</body>
</html>

var time = null;
var list = "一休,小二,张三,李四,王五,赵六,零零七,八戒,久伴,世界".split(",");
var bol = false;

function startRun() {
    var i = Math.random() * list.length;
    i = Math.floor(i);
    document.getElementById("name").innerText = list[i];
    document.getElementById("control").value = "停止";
    time = setTimeout("startRun()",10);
}

function stopRun() {
    if (time != null)
        document.getElementById("control").value = "开始";
    clearTimeout(time);
}

function startorstop() {
    if (bol)
        stopRun();
    else
        startRun();
    bol = !bol;
}

图片：
在这里插入图片描述

乐福添

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
点名神器

html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点名</title> <script src="Roll-Call.js"></script></head><style> p { font-size: 20px; }
复制链接

扫一扫