Как сделать чтобы команда startTime была всегда активна?

Question

[Omar Nigma]

<script>
    var startTime = (new Date().getTime());
    var updatedValues = [];

Comments

[GavriKos]

1) startTime - это переменная, не "команда"
2) Что значит "Активна"? Переменная не бывает активной или пассивной

[Алексей Ярков]

Студент 1 курса вычислительной техники не может разместить код в вопросе?

[Omar Nigma]

GavriKos, эта переменная выключена, как ее включить, она сама по себе включается и выключается и я даже не знаю в каких моментах

[GavriKos]

Ома Сабыров, переменная не может быть включенной или выключенной.

[Omar Nigma]

<script>
    var startTime = (new Date().getTime()); - здесь она сама по себе выключается
    var updatedValues = [];

    /* Chart 0 */
    var chart0 = {
      type: "vline",
      id: 'voltage',
      refresh: {
        type: "feed",
        transport: 'js',
        adjustScale: true,
        interval: 1000, // every  second call this function
        maxTicks: 15, // max visible nodes
        resetTimeout: 100, // reset chart points after 100 node
        url: 'getRandomData()'
      },
      title: {
        text: "Radio communication"
      },
      scaleX: {
        step: 1000,
        transform: {
          type: 'date',
          all: '%h:%i:%s %a'
        }
      },
      scaleY: {
        label: {
          text: 'mV'
        }
      },
      plot: {
        tooltip: {
          visible: false
        },
        marker: {
          visible: false
        }
      },
      plotarea: {
        margin: "50 dynamic dynamic dynamic"
      },
      series: [{
        values: updatedValues,
        lineWidth: 4,
        lineColor: "#ff4081",
        text: 'Sensor 2',
        midpoint: false
      }],
      crosshairX: {
        shared: true,
        plotLabel: {
          fontSize: 15,
          padding: 15,
          headerText: '%kv',
          text: '<span style="color:%color">%t:</span> %v mV'
        }
      },
    };


    /* Chart 1 */
    var chart1 = {
      type: "hbar",
      id: 'temp',
      refresh: {
        type: "feed",
        transport: 'js',
        adjustScale: true,
        interval: 1000,
        maxTicks: 15,
        url: 'getRandomData()'
      },
      title: {
        text: "Ip telephony"
      },
      scaleX: {
        step: 1000,
        transform: {
          type: 'date',
          all: '%h:%i:%s %a'
        }
      },
      scaleY: {
        label: {
          text: ''
        }
      },
      plot: {
        tooltip: {
          visible: false
        },
        marker: {
          visible: false
        }
      },
      plotarea: {
        margin: "50 dynamic dynamic dynamic"
      },
      series: [{
        values: updatedValues,
        backgroundColor: "#ff6e40",
        text: 'Sensor 2'
      }],
      crosshairX: {
        shared: true,
        plotLabel: {
          fontSize: 15,
          padding: 15,
          headerText: '%kv',
          text: '<span style="color:%color">%t:</span> %v °C'
        }
      },
    };

    /* Chart 2 */
    var chart2 = {
      type: "varea",
      id: 'vibration',
      refresh: {
        type: "feed",
        transport: 'js',
        adjustScale: true,
        interval: 1000,
        maxTicks: 15,
        url: 'getRandomData()'
      },
      title: {
        text: "Satelite"
      },
      scaleX: {
        step: 1000,
        transform: {
          type: 'date',
          all: '%h:%i:%s %a'
        }
      },
      scaleY: {
        label: {
          text: 'ms'
        }
      },
      plot: {
        aspect: 'spline',
        tooltip: {
          visible: false
        },
        marker: {
          visible: false
        }
      },
      plotarea: {
        margin: "50 dynamic dynamic dynamic"
      },
      series: [{
        values: updatedValues,
        lineWidth: 2,
        alphaArea: .9,
        backgroundColor: '#ffd740',
        lineColor: '#ffc400',
        text: 'Sensor 2'
      }],
      crosshairX: {
        shared: true,
        plotLabel: {
          fontSize: 15,
          padding: 15,
          decimals: 5, // limit value shown in plotLabel
          headerText: '%kv',
          text: '<span style="color:%color">%t:</span> %v ms'
        }
      },
    };

    var graphsetConfig = {
      layout: '1x3',
      theme: 'dark',
      graphset: [
        chart0,
        chart1,
        chart2
      ]
    };

    zingchart.render({
      id: 'myChart',
      data: graphsetConfig,
      height: '100%',
      width: '100%'
    });

    window.getRandomData = function(callback, oGraphInfo) {
      var tick = {};
      tick.plot0 = 0;
      switch (oGraphInfo.graphid) {
        case 'temp':
          tick.plot0 = parseInt(150 + 25 * Math.random(), 10);
          break;
        case 'voltage':
          tick.plot0 = parseInt(200 + 50 * Math.random(), 10);
          break;
        case 'vibration':
          tick.plot0 = Number(1 * Math.random(), 10);
          break;
      }
      callback(JSON.stringify(tick));
    }
  </script>

[lGHOSTl]

Ома Сабыров, вы объявляете переменную startTime, в которую помещаете значение текущего времени, как уже было сказано выше переменная не имеет свойства включаться или выключаться, она просто хранит в себе это значение. Таким образом вы в любой момент можете обратиться к этой переменной и использовать то значение, которое сохранено в ней. Например, если после строчки var startTime = (new Date().getTime());
написать console.log(startTime); то в консоль нам выведется значение того момента времени, в который был запущен этот скрипт.
Т.к. вы в своем коде дальше никак не используете эту переменную, поэтому она нигде не отображается.

[Omar Nigma]

lGHOSTl, спасибо большое, всё доступно и понятно

[Omar Nigma]

А как можно сделать бегущую строку в режиме реального времени?? например если кто-то вошел в сеть и в бегущей строке эти данные отобразились

[lGHOSTl]

Ома Сабыров, "решение в лоб" обрабатывать события load и unload и помещаете имя пользователя в массив не на клиенте, а дальше, используя long polling, получайте этот массив и выводите в бегущую строку .