为了账号安全,请及时绑定邮箱和手机立即绑定

抽奖系统怎么设置图片?

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)也不行 请问怎么做


正在回答

2 回答

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

   <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>



0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
DOM事件探秘
  • 参与学习       99544    人
  • 解答问题       1197    个

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

进入课程

抽奖系统怎么设置图片?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信