js实现简易的单数字随机抽奖(0-9)_javascript技巧

本文分享的网页特效是一个可以控制开始停止的数字抽奖游戏,类似很多电视上那种数字抽奖游戏,下面就是我分享的全部代码:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>简易的单数字随机抽奖,抽取随机数的js特效代码</title>
</head>
<body>
<div id="num"></div>
<input value="start" id="start" type="button" />
<input value="stop" id="stop" type="button" />
<script>
var num = document.getElementById("num");
var start = document.getElementById("start");
var _stop = document.getElementById("stop");
var intv = null;
start.onclick = function(){

 if(intv==undefined){

 intv = setInterval(function(){num.innerHTML = Math.floor(Math.random()*10);},50);

 }

}
_stop.onclick = function(){

 clearInterval(intv);

 intv=null;

}
</script>
</body>
</html>

运行效果图:

初始状态:

开始之后:

我现在展示的是运行中截的图,是静止的,大家可以动手操作,感受一下,会有一点点的成就感哦。

以上就是本文的全部内容,希望大家可以继续深入学习。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js数字滚动抽奖
, js随机生成数字
js随机抽奖
javascript 随机数、javascript 随机整数、javascript生成随机数、javascript抽奖、javascript简易计算器,以便于您获取更多的相关知识。

时间: 2024-09-15 11:59:05

js实现简易的单数字随机抽奖(0-9)_javascript技巧的相关文章

js抽奖实现随机抽奖代码效果_javascript技巧

随机抽取,简单代码. 复制代码 代码如下:  <html> <title>随机抽奖程序</title> <head><meta http-equiv=Content-Type content="text/html; charset=gb2312"> </head> <body> <script type="text/javascript"> var alldata = &

JS模拟简易滚动条效果代码(附demo源码)_javascript技巧

本文实例讲述了JS模拟简易滚动条效果的方法.分享给大家供大家参考,具体如下: 使用Js模拟滚动条.简易模式,类似手机上常见的滚动条. 效果如下: Js代码如下: var scrollMoveObj = null, scrollPageY = 0, scrollY = 0; var scrollDivList = new Array(); // obj需要添加滚动条的对象 w滚动条宽度 className滚动条样式名称 // obj元素 必须指定高度,并设置overflow:hidden; //

基于JavaScript实现简单的随机抽奖小程序_javascript技巧

对于抽奖这样的小程序使用诸如VB,Delphi等工具来实现会比较的方便,由于本人机器上没有装这样的应用程序,所以只能另寻其道.为了使抽奖程序能够无需配置平台直接可以在任何一台机器上运行,开发工具和编译运行工具也能够经可能简单(诸如text文本即可编辑,window系统自带的浏览器即可编译运行的情况),决定尝试使用javascript来做.本人对javascript的研究不深,平时主要用于网站开发中对来自客户端的数据进行有效性判断(基于安全性的考虑,安全性要求高的网站尽量使用服务器端语言对数据有效

php随机抽奖实例分析_php技巧

本文实例讲述了php随机抽奖用法.分享给大家供大家参考.具体分析如下: 1. 按照设定的概率,得到随机抽奖的结果.     复制代码 代码如下: <?php /**  * 抽奖工具  */ class lottery_tool {     protected static $awardsArr;     protected static $proField = 'probability';     protected static $proSum = 0;     protected stati

js轮盘抽奖实例分析_javascript技巧

现在学习到了过渡效果了,已经开始有做动画效果的意识了,会实现一些比较炫的小玩意,一个网页加入过渡动画效果,会让人看起来很有美观,不僵硬,有看头,动画是一个网页美观的主要体现之一,下面做个使用个过渡效果实现的抽奖例子.  先来效果图:  这个的实现需要使用到一些js代码. 所需图片: 这张图是pointer.png的位置的. turntable-bg.jpg这张是背景图,在背景位置. 这张是turntable.png位置的.   需要这三张图片,如果要实现一下,直接另存这三图片引入进去即可.如果不

JS实现两表格里数据来回转移的方法_javascript技巧

本文实例讲述了JS实现两表格里数据来回转移的方法.分享给大家供大家参考.具体分析如下: 最近做项目里用到了一个 两个表格里数据的来回转移,用JS稍微做了下,界面也没有去弄很漂亮 感觉写得有点繁琐了,有时间再改进哈 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml

JS简单的图片放大缩小的两种方法_javascript技巧

以左上角为定点,放大缩小,该点位置不变. 方法一: Html代码 复制代码 代码如下:    <script type="text/javascript">         //兼容IE和火狐   缩小放大.缩放         function ImageSuofang(args) {             var oImg = document.getElementById("oImg");             if (args) {     

JS判断字符串变量是否含有某个字串的实现方法_javascript技巧

JS判断字符串变量是否含有某个字串的实现方法 varCts = "bblText"; if(Cts.indexOf("Text") > 0 ){ alert('Cts中包含Text字符串'); } indexOf用法: 返回 String 对象内第一次出现子字符串的字符位置. strObj.indexOf(subString[, startIndex]) 参数 strObj 必选项.String 对象或文字. subString 必选项.要在 String 对

用js来生成随机彩票号码清单_javascript技巧

朋友说他的朋友喊问的问题.彩票店,想打印一个清单出来. 有编号1-22的22个球,从里面随机拿5个出来.拿出来后不放回去. 例如我第一次拿出来是号码5,第二次就是从剩下的21个球里面拿.依此类推,一共拿5个球出来. 拿出来最后5个球,排列的顺序不管,就是说拿出来是1 2 3 4 5和 5 4 3 2 1 的这样算是一样的号码,打印出来清单只能出来一次 最后把所有的结果打印出来.他所谓的简单的排列组合的问题,涉及到数组的一些操作,我暂时脑子昏没法思考. 看有没有大大可以解答了,提供一些比较方便的算