js模拟随机选1-100的数字

最新推荐文章于 2023-03-28 21:43:43 发布

离离原上野草

最新推荐文章于 2023-03-28 21:43:43 发布

阅读量2.6k

点赞数 2

分类专栏： html

本文链接：https://blog.csdn.net/weixin_43921060/article/details/90168799

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

功能：
登录页面，开始随机跳转数字，点停止，就停止
停止后点开始，继续随机跳转数字

介绍函数
Math.random(无参)：随机生成0-1的函数
Math.round(数字参数）：将round中的参数四舍五入

setInterval(函数参数，数字参数）：
设置定时器，第二个参数1000 代表1秒，每1秒执行一次参数1
clearInterval(定时器参数);：
在设置定时器时会有返回值，将返回值传入这个函数，能终止定时器（注意是终止，不是暂停）

代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面数字在一个随机数区域内跳动</title>
</head>
<body>
<p id="num">100</p>
<script>
    var num=document.getElementById("num");/*获取id*/
    var myTime=setInterval(function(){
        num.innerText= Math.round(Math.random() * 100)+1;/*生成1-100的随机小数，然后四舍五入 */
    },1000);
    function f() {
        var b1=document.getElementById("b1");
        if(b1.value=="停止"){
            clearInterval(myTime);
            b1.value="开始";
        }else{
            myTime=setInterval(function(){
                num.innerText= Math.round(Math.random() * 100)+1;/*生成1-100的随机小数，然后四舍五入 */
            },1000);
            b1.value="停止";
        }
    }
</script>
    <input type="button" value="停止" onclick="f()" id="b1">
</body>
</html>

页面效果：
在这里插入图片描述