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

Blue

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
909
Được Like
1,528
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:

Mã:
<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

MasterCorporal
Tham gia
28/07/2015
Bài viết
399
Được Like
198
Đã làm và thành công, cảm ơn bác :D mà cũng hên xui, thích hiện cái nào là hiện hà :D
 
  • Like
Reactions: THB

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom