Using JQuery, I would like to take a JSON encoded set of data that is periodically polled every 5 seconds and render it into a set of <span id=key1_firstname></span> <span id=key1_lastname></span> tags (or similiar) throughout a webpage without refreshing the entire document.
It must start polling immediately on initial pageload, and then update every 10 seconds, and be able to stop after 5 minutes with the ability to prepend a * indicating the value is not updating.
The JSON object would look something like this:
[key1] = array('firstname' => 'bob', 'lastname' => 'barker', status => 'online');
[key2] = array('firstname' => 'betty', 'lastname' => 'crocker', status => 'running task');