MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Timer on Module

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    22 Posts 4 Posters 6.3k Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • ? Offline
      A Former User @dsmtweaker
      last edited by A Former User

      @dsmtweaker
      getDom() is not good position for your job. That function will be called at anytime when it is needed to redraw your module by MM, not by you. You don’t know when it will be executed on which condition.

      Instead direct calling getDom, use updateDom(). Whenever you call ‘this.updateDom()’, MM will execute your getDom() and redraw your module with result of getDom()

      Then, with setInterval(), you can repeat updateDom as your wish.

      Of course, setInterval and updateDom should move out of getDom. So to where?

      start() isn’t good also. My suggestion is, to create function yourJob() and put setInterval and uodateDom into yourJob(). Then call it by notification - “DOM_OBJECT_CREATED”.

      D 1 Reply Last reply Reply Quote 0
      • D Offline
        dsmtweaker @Guest
        last edited by yawns

        @sean So, should I be putting the updateDom in a function? Such as…

        // Override dom generator.
        		getDom: function() {
        				var intervalID = window.setInterval(this.GetVid, 60000);
        				var video =  document.createElement("video");
        				video.src = this.config.videoSRC;
        				video.autoplay = true;
        				video.loop = this.config.loop;
        			function GetVid() {
        				updateDom
        					}
        					}
        
        ? 1 Reply Last reply Reply Quote 0
        • ? Offline
          A Former User @dsmtweaker
          last edited by A Former User

          @dsmtweaker
          I’ve added in prior post. Sorry I’m typing on my phone. So I cannot write long…

          1 Reply Last reply Reply Quote 0
          • ? Offline
            A Former User
            last edited by A Former User

            job: function() {
              setInterval(()=>{
                this.updateDom() // this will execute your getDom()
              }, yourInterval)
            },
            
            notificationReceived: function (noti, payload, sender) {
              if (noti == “DOM_OBJECT_CREATED”) this.job()
            
            },
            
            getDom: function () {
              //making  your video DOM here.
            }
            
            D 1 Reply Last reply Reply Quote 0
            • D Offline
              dsmtweaker @Guest
              last edited by

              @sean Sorry for being so new at this. And thank you for all of the help. I tried using your code.

              get: function() {
              setInterval(()=>{this.updateDom()}, 60000)
              notificationRecieved: function (noti, payload, sender) {
              if (noti = “DOM_OBJECT_CREATED”) this.job()

              		},
              getDom: function ()
              			var video =  document.createElement("video");
              			video.src = this.config.videoSRC;
              			video.autoplay = true;
              			video.loop = this.config.loop;
                           },
              

              });

              But I get “Uncaught SyntaxError: Unexpected token (” from notificationRecieved: function (noti, payload, sender) {

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @dsmtweaker
                last edited by

                @dsmtweaker you missed some of the job function
                this.updateDom()

                }, yourInterval)

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                D 1 Reply Last reply Reply Quote 0
                • D Offline
                  dsmtweaker @sdetweil
                  last edited by

                  @sdetweil It is there in the get:function

                   get: function() {setInterval(()=>{this.updateDom()}, 60000)
                  	notificationRecieved: function (noti, payload, sender) {
                  		if (noti = "DOM_OBJECT_CREATED") this.job()
                  
                  		},
                  getDom: fuction ()
                  			var video =  document.createElement("video");
                  			video.src = this.config.videoSRC;
                  			video.autoplay = true;
                  			video.loop = this.config.loop;
                  

                  },});

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @dsmtweaker
                    last edited by

                    @dsmtweaker i hate code posting on this forum…

                    note that
                    getDom: fuction () is spelled wrong
                    and also missing the open brace

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil
                      last edited by sdetweil

                      there are 3 routines (functions)… in seans post

                      // worker function
                      job: function() {
                        // start a recurring timer that will tell MM to get the module updated dom content
                        // this uses an inline function, be careful of braces and parens  matching
                        setInterval(()=>{
                          this.updateDom() // this will execute your getDom(), after 'yourInterval' time
                        }, yourInterval)
                      },
                      
                      // the function called when notifications are received from the system
                      notificationReceived: function (noti, payload, sender) {
                         // if the notification is "dom is created", then call our worker function
                        if (noti == “DOM_OBJECT_CREATED”) this.job() 
                      
                      },
                      
                      // the function called for the module to provide its dom content
                      getDom: function () {
                        //making  your video DOM here.
                      }
                      

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      D 1 Reply Last reply Reply Quote 0
                      • D Offline
                        dsmtweaker @sdetweil
                        last edited by

                        @sdetweil I made all the corrections noted.

                        but on if (noti == “DOM_OBJECT_CREATED”) this.job() I am still getting the error SyntaxError: Invalid or unexpected token

                        Mykle1M S 2 Replies Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy