问答详情
源自:4-5 [DOM事件] 抽奖系统(下)

抽奖系统怎么设置图片?

var oTitle = document.getElementById('title'),

    oPlay = document.getElementById('play'),

    oStop = document.getElementById('stop'),

    oSSR = document.getElementById('ssr');

var timer = null;

var nSSR = ['大天狗', '茨木童子', '萊因哈特', '逃兵76'];

//主體函數

window.onload = function () {

    var oPlay = document.getElementById('play'),

        oStop = document.getElementById('stop');

    oPlay.onclick = playFn;

    oStop.onclick = stopFn;

}

function playFn() {

    clearInterval(timer);

    var oTitle = document.getElementById('title');

    timer = setInterval(function () {

        var random = Math.floor(Math.random() * nSSR.length);

        oTitle.innerHTML = nSSR[random];

    }, 50);

}

function stopFn() {

    clearInterval(timer);

}

这是我写的代码 我设置了一个盒子想让里面显示的图片也跟着变化
我用了document.getElementById('img').src=""不行
用了img.setAttribute(src,url)也不行 请问怎么做


提问者:Coffeeed 2017-03-01 18:15

个回答

  • NullMoneyException
    2017-04-12 21:44:53

    一般会不会是你的图片路径有问题啊 我随便写了个都是没问题的

       <script type="text/javascript">

           var i;

           window.onload = function() {

               var img = document.getElementById("myimg");

               var j = 1;

               i = setInterval(function() {

                   img.setAttribute("src", j + '.jpg?')

                   j = j + 1;


                   if (j > 3) j = 1;

               }, 500);

           }

       </script>

    </head>


    <body>

       <img src="" alt="" id="myimg">

    </body>



  • 东方既白233
    2017-03-09 15:25:08

    你可以在html页面直接加四个img标签元素,使用绝对定位到你想要看到的位置,然后设置他们的class属性,然后把属性值也设置到一个数组里,然后数组的索引跟你的原来那个数组的索引一样,你抽到的那个的索引加到你设置图片的数组里,用遍历的方法设置其余索引的img隐藏,你的那个抽到的显示,那样就可以了