Randomize color every N seconds

Question

Hello Everyone!
I'm new to the forum and to Edge Animate. I've worked before with Flash (actionscript), (a little) javascript and processing and some web design but I'm having issues wrapping my head around the workflow in Edge.
Basically what I'm trying to do is to randomly change the fill/background color of a square (a symbol) inside my composition using variables for R, G and B and a timing event (JS setInterval method). I think i have a syntax issue but I'm not sure where. Any help would be appreciated, here is the code: (it's on the first frame of document.compositionReady):
//create variables for R G B
var randR;
var randG;
var randB;
//var myVar = setInterval(function(){myTimer()},1000);
//setInterval method:  window.setInterval("javascript function", milliseconds);
//define the function randomColors()
var myVar = setInterval(
  function randomColors() {
  randR = Math.floor(Math.random()*255);
  randG = Math.floor(Math.random()*255);
  randB = Math.floor(Math.random()*255);
  myTimer();
  1000);
//call the main function
randomColors();
//define the time-based function
function myTimer() {
    var d = new Date();
  sym.$("mySquare").style.backgroundColor = rgb(randR,randG,randB);
Here is the file.
Thanks again! I hope I was clear enough. The reason why I want to do this is because later I would like to randomly load a video file into the composition every certain period of time, but I wanted to start with something simple.

Answer 1

I guess your problem is resolved already but if you want to know the problem with your original code, there were two:
1. 'style' is a property of an HTML DOM element, however sym.$("myRectangle") would return a wrapper over the same. To access the underlying element, use sym.$("myRectangle").get(0) or sym.$("myRectangle")[0]. In most of the cases, you should be able to find a wrapper function to avoid this direct access, in this case '.css', which can be used as shown above.
2. rgb is not a function, if you want to set the style.backgroundColor the value should be a string. You will have to do string concatenation.
Although not very elegant but any of the following should work:
sym.$("mySquare")[0].style.backgroundColor = "rgb(" + randR + "," + randG + "," + randB + ")"; 
sym.$("mySquare").css("background-color", "rgb(" + randR + "," + randG + "," + randB + ")"); 
-Dharmendra