• JavaScript实现的抽奖效果【数字跳动版】


    直接上代码吧,效果可以复制了去看 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
        
    <title></title>
        
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
        
    <style type="text/css">
            .a1
            
    {
                position
    : relative;
                font-family
    : Verdana;
                font-size
    : 200px;
                color
    : #888888;
            
    }

        
    </style>

        
    <script language="JavaScript">
            
    function Lottery() {
                
    var Nos = Math.round(Math.random() * (4999 - 1+ 1);

                
    var result = document.getElementById("layer1");
                
    if (result != null{
                    result.innerHTML 
    = Nos;
                }


                T 
    = setTimeout('Lottery()', 30);
            }

            
    //-->
        
    </script>

    </head>
    <body>
        
    <div>
            
    <input type="button" value='Lottery Number Picker' onclick="Lottery();setTimeout('clearTimeout(T)',2000);" />
        
    </div>
        
    <div>
            
    <span id="layer1" class="a1">Result</span>
        
    </div>
    </body>
    </html>

    补充:

    后来我在调试程序的过程中发现,以上程序在Firefox中运行良好,但是在IE7经常会出现数字停不下来的情况,把Lottery()的递归时间从10毫秒改到30毫秒以后问题解决。

  • 相关阅读:
    Collection接口
    10linux基础-Centos7系统进程管理
    09linux基础-文档归档和压缩
    05Linux基础-vim编辑器和恢复ext4下误删除的文件
    04linux系统基础-文件的基本管理和XFS文件系统备份恢复
    03Linux基础-linux基本命令操作
    02Linux基础-linux的基础操作
    01Linux基础-环境搭建
    3、函数
    1、Python基础二
  • 原文地址:https://www.cnblogs.com/MikeYao/p/1596128.html
Copyright © 2020-2023  润新知