如何随机旋转图像javascript? [英] how to Randomly rotate images javascript?
本文介绍了如何随机旋转图像javascript?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在不使用 setTimeout 刷新页面的情况下随机旋转图像?
how do i randomly rotate the images without refreshing the page with setTimeout??
js:
var bannerImages = new Array( );
bannerImages[0] = "Banner1.jpg";
bannerImages[1] = "Banner2.jpg";
bannerImages[2] = "Banner3.jpg";
bannerImages[3] = "Banner4.jpg";
var randomImageIndex = Math.round( Math.random( ) * 3 );
document.write( "<img alt=\"\" src=\"imgs/" + bannerImages[randomImageIndex] + "\">" );
`
推荐答案
只需改变图片的src属性:
Just change the src attribute of the image:
<img id="pic" src="http://jsfiddle.net/favicon.png" />
function changeImage()
{
var bannerImages = new Array( );
bannerImages[0] = "http://jsfiddle.net/favicon.png";
bannerImages[1] = "http://jsfiddle.net/img/logo.png";
bannerImages[2] = "http://jsfiddle.net/img/info-close.png";
var image = document.getElementById('pic');
var randomImageIndex = Math.floor( Math.random( ) * bannerImages.length );
image.src = bannerImages[randomImageIndex];
}
window.setInterval(changeImage, 1000);
试试看:http://jsfiddle.net/A3v8w/
这篇关于如何随机旋转图像javascript?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文