主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
R语言
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
模拟抽奖程序js特效代码
2016-09-22
网页编程网
网页编程网
<html> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <title>模拟抽奖效果</title> <head> </head> <body> <SCRIPT> var alldata = "姓名1,姓名2,姓名3,姓名4,姓名5,姓名6"; //抽奖的姓名，以,为分隔 var alldataarr = alldata.split(","); var num = alldataarr.length-1; var timer; function change(){ document.getElementById("oknum").value = alldataarr[GetRnd(0,num)]; } function start(){ clearInterval(timer); timer = setInterval('change()',50); //50（毫秒）为变换间隔，越小变换的越快 } function ok(){ clearInterval(timer); } function GetRnd(min,max){ return parseInt(Math.random()*(max-min+1)); } </SCRIPT> 模拟抽奖：<input type="text" id="oknum" name="oknum" value=""> <button onclick="start()" accesskey="s">开始(<U>S</U>)</button> <button onclick="ok()" accesskey="o">停止(<U>O</U>)</button> </body> </html>
阅读原文
阅读
3783
123
显示电脑版