multiline Seconds to Hours:Minutes:Seconds vuejs

index.html

<div id="app">
  
  <textarea name="second" id="second" cols="30" rows="10" v-model="second"></textarea>
  <textarea v-model="secondToHMS" name="hms" id="hms" cols="30" rows="10"></textarea>
</div>

multiline-seconds-to-hours-minutes-seconds-vuejs.markdown

multiline Seconds to Hours:Minutes:Seconds vuejs

A Pen by Edward Lance Lorilla on CodePen.

License.

script.js

new Vue({
  data(){
    return{
      second: '',
    }
  },
  computed:{
    secondToHMS(){
      var vm = this,text = this.second
      
      var lines = text.split('\n');
      text = text.replace(/\r\n/g, '\n');
      var ret = '';
      var hms = []
      for (var i = 0; i < lines.length; i++) {
        var line = lines[i];
        if (/(\d+)/.test(line)) {
          var seconds = line;
          
          var hours = Math.floor(seconds / 3600);
          var minutes = Math.floor((seconds - hours*3600) / 60);
          var seconds = seconds % 60;
          
          ret += hours + ':' + minutes + ':' + seconds;
        }
        else {
          ret += line;
          
        }
        ret += '\n';
      }
      
      
      return ret
    }
  }
}).$mount('#app')

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.js"></script>