<html xmlns:t ="urn:schemas-microsoft-com:time" > <head> <style> .time { behavior: url(#default#time2);} </style> <?IMPORT namespace="t" implementation="#default#time2"> <script> function startTimer(){ setInterval(doTimer,400);} function doTimer(){ document.all.Timer.innerText =parseInt(document.body.currTimeState.activeTime) } </script> </head> <body timecontainer="seq" onbegin="startTimer()" > <font style="color:black; font-size:16"><b> Timer: <span id="Timer" >0</span> </b></font> <br><br> <DIV align="left" style="position:absolute; top:40; left:300;"><pre> Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved. See http://www.w3.org/Consortium/Legal/. Author: Muriel Jourdan (Muriel.Jourdan@inrialpes.fr) Version: Jan. 29, 2000, v1 Module: SMIL Timing & Sync Module Feature: Time container constraints on child dur File Name: ParentTimeConstraint1.smil Media Components: 2 JPG Expected Behavior: the two pictures are shown 3s <t:par end = "3"> <t:img style="width:100;height:100" src="../images/frown.jpg" id="image1" /> <t:img style="width:100;height:100" src="../images/smile.jpg" dur ="5" id="image2" /> </t:par> </pre> </DIV> <t:par end = "3"> <t:img style="width:100;height:100" src="../images/frown.jpg" id="image1" /> <t:img style="width:100;height:100" src="../images/smile.jpg" dur ="5" id="image2" /> </t:par> </body> </html>