Js实现点击随机数

2024-01-23    分类: 网站建设

我是成都做网站的一名前端工程师,今天我给大家分享的demo是js实现点击随机数。希望这个demo希望对大家能有所帮助,我把代码贴到下面了。

效果图:

代码

样式

.box {

width: 760px;

height: 245px;

float: left;

border: #888 solid 2px;

margin-right: 30px;

}

#layer {

font-family: Verdana;

font-size: 200px;

color: #888;

}

#btn {

float: left;

font-family: arial;

color: #14396A !important;

font-size: 30px;

padding: 14px 28px;

margin-top: 90px;

background: #63b8EE;

}

body

<div class="box">

<span id="layer">000000</span>

</div>

<div>

<input type="button" value='生成随机数' id="btn" />

</div>

Js

var rand_btn = document.getElementbyid("btn");//获取按钮

rand_btn.onclick = function() {//绑定点击事件

Lottery();//调用下面写好的function

clock = setTimeout('clearTimeout(T)', 1000);

//一秒后清除定时器

}

function Lottery() {

//限制六位数

var Num = Math.floor((Math.random() * 900000 + 100000));

var result = document.getElementbyid("layer");//获取显示框

if(result != null) {//判断是否有显示框

result.innerHTML = Num;//吧我们生成的随机数放大到显示框内

console.log(Num)//在控制台打印生成的随机数

}

//0.01秒执行一次函数

T = setTimeout('Lottery()', 10);

}

以上就是成都做网站的创新互联为大家分享的js点击实现随机数的demo希望对各位小伙伴有所帮助。

如果大家对有什么技术方面的问题,可以关注成都做网站的创新互联官方公众号“创新互联π”,其中会有大量关于”互联网+”的相关的内容供大家互相学习了解,同时欢迎大家一起讨论技术问题。

通过以上内容的说明,大家对如何用js实现随机数已经有了一定的了解。如果大家对这个功能有什么问题可以在创新互联π留言,我们会在下期的文章更新中为您解答您的问题。

希望成都做网站的创新互联做网站做的越来越好。

如果大家觉得创新互联π写的文章对大家有用的话别忘了分享给朋友,万分感谢大家对创新互联π的支持。

当前标题:Js实现点击随机数
标题链接:https://www.cdcxhl.com/news23/315073.html

成都网站建设公司_创新互联,为您提供关键词优化品牌网站建设网站策划响应式网站动态网站小程序开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

绵阳服务器托管