Monaca Javascript не работает

Question

Monaca Javascript не работает

У меня есть следующий код и показанный простой js не работает. Как мне заставить JS работать в Монаке?

Вот код для того, что я делаю.

Кстати, я добавил jQuery (версия для Monaca): 2.0.3 с экрана конфигурации.

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
  <script src="components/loader.js"></script>
  <script src="lib/onsenui/js/onsenui.min.js"></script>

  <link rel="stylesheet" href="components/loader.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
  <link rel="stylesheet" href="css/style.css">

  <script>
    //this starts the count down. 
    //time should be in seconds
    function countDown(time){
        $("#countDown").txt(time);
        var timeout=setTimeout(function(){
            time--;
            $("#countDown").txt(time);
            if(time==0) clearTimeout(timeout);
        }, 1000);
    }

    ons.ready(function() {
        countDown(10);
    });

  </script>
</head>
<body>
    <div id="countDown"></div>
</body>
</html>

0

javascript monaca

Источник

user5458913 19 мар '17 в 07:10

1 ответ

Решение

Другие вопросы по тегам javascript monaca

user7466990 23 мар '17 в 06:41 2017-03-23 06:41 · Accepted Answer · 2017-03-23 06:41

Из того, что я вижу в вашем коде, вы сделали опечатку в присвоении значения time переменная к <div> элемент. Это не $("#countDown").txt(time);, его $("#countDown").text(time);,

Также, судя по названию вашей функции - countdown Я предполагаю, что вы пытаетесь создать счетчик, появляющийся на экране. В этом случае вы не должны использовать setTimeout(function, period) функция, так как она используется для вызова функции, переданной в качестве аргумента, только один раз после прохождения периода (переданного в качестве второго аргумента). Поэтому вы должны использовать setInterval(function(),period) функция, которая вызывает функцию каждый раз, когда проходит период. Соответственно вы должны использовать clearInterval() вместо clearTimeout(),

Ваш код должен выглядеть примерно так:

<script>
    //this starts the count down. 
    //time should be in seconds
    function countDown(time){
        $("#countDown").text(time);
        var timeout=setInterval(function(){
            time--;
            $("#countDown").text(time);
            if(time==0) clearInterval(timeout);
        }, 1000);
    }

    ons.ready(function() {
        countDown(10);
    });
</script>