Блог

Главная - Вопросы по программированию - Как автоматически отображать случайный текст в случайное время, автоматически затем цикл

Как автоматически отображать случайный текст в случайное время, автоматически затем цикл

#javascript

#javascript

Вопрос:

Итак, я пытаюсь автоматически добавить случайный всплывающий текст через случайное время, затем цикл.

Продукты могут быть удалены или добавлены

 <p class="custom-notification-content">
            Someone from 
   <script>
    var Country = ['Edmonton, Canada', 'California, United States', 'New Jersey, United States','Birmingham, United Kingdom', 'Melbourne, Australia', 'Paris, France'];
    var randCountry = Country[Math.floor(Math.random() * Country.length)];
    document.write(randCountry);</script> 
   </script>
             <br>Purchased <b>

            <script>var randNumber = Math.floor(Math.random() * 9)   1; document.write(randNumber);</script><script>var Zeros = ['0', '00', '000'];
var randZeros = Zeros[Math.floor(Math.random() * Zeros.length)];
document.write(randZeros);</script></b> 

<script>var Product = ['apple','grapes','comb','hat'];
var randProduct = Product[Math.floor(Math.random() * Product.length)];
document.write(randProduct);</script>   

            <small>(<script>var randNumber = Math.floor(Math.random() * 5)   2; document.write(randNumber);</script> hours ago)</small>
          </p>

Здесь произошло то, что скрипт больше не получает случайную страну, номер и продукт после случайного всплывающего окна. Мне нужно перезагрузить веб-страницу, чтобы изменить результат, я хочу, чтобы текст отображался автоматически

Я ожидал, что этот «Кто-то из «страны» приобрел «случайное число», «Продукт», «время» назад. после случайного времени всплывания.

Комментарии:

1. Не используйте теги, которые не относятся к вашему вопросу

Ответ №1:

Проверьте следующий код.

 <!DOCTYPE html>
<html>
    <head>
        <title>Rand Time Content change</title>
    </head>
    <body>
    <p class="custom-notification-content">
        Someone from <span id="rand-country"></span><br>Purchased <b>
        <span id="rand-number"></span><span id="rand-zeros"></span></b> <span id="rand-product"></span> <small>(<span id="rand-hour"></span> hours ago)</small>
    </p>
    <script type="text/javascript">
        function randContent() {
            var min = 1, // this is the min second
            max = 10; // this is the max second
            var rand = Math.floor(Math.random() * (max - min   1)   min); //Generate Random number between 1 - 10

            var Country = ['Edmonton, Canada', 'California, United States', 'New Jersey, United States','Birmingham, United Kingdom', 'Melbourne, Australia', 'Paris, France'];
            var randCountry = Country[Math.floor(Math.random() * Country.length)];
            document.getElementById("rand-country").innerHTML= randCountry;

            var randNumber = Math.floor(Math.random() * 9)   1; 
            document.getElementById("rand-number").innerHTML= randNumber;

            var Zeros = ['0', '00', '000'];
            var randZeros = Zeros[Math.floor(Math.random() * Zeros.length)];
            document.getElementById("rand-zeros").innerHTML= randZeros;

            var Product = ['apple','grapes','comb','hat'];
            var randProduct = Product[Math.floor(Math.random() * Product.length)];
            document.getElementById("rand-product").innerHTML= randProduct;

            var randHour = Math.floor(Math.random() * 5)   2; 
            document.getElementById("rand-hour").innerHTML= randHour;


            setTimeout(randContent, rand * 1000);
        }

        randContent();  
    </script>
</body>
</html>