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)也不行 请问怎么做
一般会不会是你的图片路径有问题啊 我随便写了个都是没问题的
<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>
你可以在html页面直接加四个img标签元素,使用绝对定位到你想要看到的位置,然后设置他们的class属性,然后把属性值也设置到一个数组里,然后数组的索引跟你的原来那个数组的索引一样,你抽到的那个的索引加到你设置图片的数组里,用遍历的方法设置其余索引的img隐藏,你的那个抽到的显示,那样就可以了