Script hiện thị ngẫu nhiên các câu trích dẫn

Khi truy cập vào một số website hay blog thì bạn có thể dễ dàng bắt gặp một dòng chữ trích dẫn hay các câu nói nổi tiếng trên trang của họ. Hôm nay mình vừa tham khảo qua hàm Random() trong Javascript thì liền nghĩ tới việc tạo một cái script hiện thị ngẫu nhiên các câu trích dẫn, làm như thế này sẽ hiện thị được nhiều trích dẫn tới người đọc hơn. Script này còn sơ khai mong các bạn góp ý. Sau đây là các bước thêm script này vào blog.

#DEMO



#Script hiện thị ngẫu nhiên trích dẫn

  1. Đăng nhập Blogger
  2. Bố cục > Thêm tiện ích > HTML/Javascript
  3. Dán code dưới vào
  4. <style>
    #scriptquote{color: #5af; font-weight: bold; background:#ecf0f1; text-align: center;}
    #scriptquote:hover{color:#2ecc71}
    </style>
    <div id="scriptquote"></div>
    <script type="text/Javascript">
    function random_quote()
    { 
    quote_arr= new Array();
    quote_arr[1]="Thị phi chi tâm trí chi đoan dã.";
    quote_arr[2]="Dũng sĩ bất vong táng kỳ nguyên.";
    quote_arr[3]="Đức ái viết nhân.";
    quote_arr[4]="Cơn phẫn nộ không kiềm chế được, nhưng ai dám chống lại máu ghen?";
    quote_arr[5]="Người khôn tránh xa tai họa, kẻ ngu đâm đầu vào và bị trừng phạt.";
    quote_arr[6]="Đạo sinh chi, đức súc chi, vật hình chi, thế thành chi.";
    quote_arr[7]="Hãy làm việc thiện, mọi thứ sẽ tốt đẹp.";
    quote_arr[8]="Đừng ca ngợi ngày mai vì không biết cái gì sẽ đến.";
    quote_arr[9]="Trích dẫn ở đây, các bạn cứ theo thế này mà tạo thêm trích dẫn";
     
    arr_leng  = quote_arr.length-1;
    random_arr= Math.floor((Math.random()*arr_leng)+1);
    document.getElementById('scriptquote').innerHTML=quote_arr[random_arr];
    }  
    setInterval(random_quote, 3000);//thay 3000 mili giây thành thời gian hiện thị 1 trích dẫn 
    </script>
  5. Bạn có thể thêm các đoạn trích dẫn mới vào bằng câu lệnh quote_arr[i]="Trích dẫn"; . i là một biến, nó chạy từ 1, 2, 3, 4, 5... Hoặc bạn xóa bớt đi cũng được.
  6. Thay 3000 thành thời gian hiện thị trích dẫn, hết thời gian nó sẽ hiện thị câu khác.
  7. Lưu lại và kiểm tra kết quả.

Comments