简易双色球

最新推荐文章于 2024-07-29 13:58:45 发布

今天要早睡ya

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量83

点赞数 1

本文链接：https://blog.csdn.net/cxc709467878/article/details/120672740

版权

关键词由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双色球</title>
</head>
<style>
    ul li {
        background-color: red;
        border: solid 1px #000;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        float: left;
        color: #000;
        list-style: none;
        line-height: 50px;
        text-align: center;
    }
    
    span {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: solid 1px #000;
        float: left;
        background-color: royalblue;
        color: #000;
        line-height: 50px;
        text-align: center;
    }
</style>

<body>
    <div>
        <ul id="ul">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <span id="spani"></span>
    </div>
    <button id="cxc_1">开始</button>
    <button id="cxc_2">清空</button>
</body>
<script>
    var lii = ul.getElementsByTagName('li');
    cxc_1.onclick = function() {
        cxc_a = setInterval(function() {
            for (var i = 0; i < lii.length; i++) {
                lii[i].innerHTML = Math.floor(Math.random() * 30);
            }
            spani.innerHTML = Math.floor(Math.random() * 20);
            clearInterval(cxc_a)
        }, 100);
    }
    cxc_2.onclick = function() {
        for (var i = 0; i > lii.length; i++) {
            console.log(lii[i]);
            lii[i].innerHTML = '';

        }
        spani.innerHTML = '';
    }
</script>

</html>

今天要早睡ya

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简易双色球

<!DOCTYPE html><html lang="en"><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l.
复制链接

扫一扫