Hiển thị ngẫu nhiên 1 trong 2 banner bằng JQuery

[Blue]

Có một số bạn muốn hiển thị ngẫu nhiên 1 trong 2 banner lên trang web và mình cũng đã từng làm nên xin viết bài hướng dẫn, mọi người cùng xem và góp ý nhé.

Hướng thực hiện:
- Tạo ra 1 con số ngẫu nhiên có giá trị là 1 hoặc 2.
- 2 banner sẽ được xác định bằng các ID bn1 và bn2.
- Nếu số ngẫu nhiên ra 1 thì hiện banner 1 và ngược lại.

Chỉ cần trang web của bạn có jquery là sẽ làm được điều này và không phụ thuộc mã nguồn của trang web (điểm mạnh của javascript).

Code như sau:

<div id="bn1">
<!-- Gắn banner vào đây -->
</div>
<div id="bn2">
<!-- Gắn banner vào đây -->
</div>

<script>
function randomIntFromInterval(min,max) {
    return Math.floor(Math.random()*(max-min+1)+min);
}
var kt = randomIntFromInterval(1,2);
if(kt == 1) {
$('#bn1').show();
$('#bn2').hide();
} else {
$('#bn2').show();
$('#bn1').hide();
}
</script>

 

[dinhhai]

Đã làm và thành công, cảm ơn bác mà cũng hên xui, thích hiện cái nào là hiện hà

 

[Blue]

Đã làm và thành công, cảm ơn bác mà cũng hên xui, thích hiện cái nào là hiện hà

Hoàn toàn hên xui, 1 hoặc 2 :v

 

[dinhhai]

Hoàn toàn hên xui, 1 hoặc 2 :v

Có cách nào chắc ăn 1 đến 2 đến 3 rồi quay lại 1 ko bác @Blue

 

[Blue]

Có cách nào chắc ăn 1 đến 2 đến 3 rồi quay lại 1 ko bác @Blue

Không có cách nào cả bạn, đúng ra là ko nên tốn thời gian cho cái ko cần thiết lắm, vậy OK roài.