سوال: ویرایش کد برای نمایش ساعت مورد نظر

سلام دوستان:
من می خوام که این چند خط کد رو به طوری استفاده کنم که نیاز به <select> نداشته باشم. و مستقیما با باز شدن صفحه نمایش داده باشه در یک تگ دلخواه.
چرا که من می خوام از یک ساعت استفاده کنم و نیاز به ساعتهای دیگر مناطق ندارم.





<html>

  <head>

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

  <script type="text/javascript" src="http://www.techtricky.com/wp-content/jquery/jquery.jclock.js"></script>

  <script type="text/javascript">

    $(document).ready(

        function() {

           $("#zones").change(function(){

           if ($('#time-cont .time').length>0){ $('#time-cont .time').remove();}

               var offset = 4.5;

           if (offset == '') return;       





	   $('#time-cont').append('<div class="time"></div>');

           

           var options = {

            format:'<span class="dt">%A, %d %B %I:%M:%S %P</span>',

            timeNotation: '12h',

            am_pm: true,

            fontFamily: 'Verdana, Times New Roman',

            fontSize: '20px',

            foreground: 'black',

            background: 'yellow',

            utc:true,

            utc_offset: offset

          }

            

          $('#time-cont .time').jclock(options);

       });

     });

    </script>

   

   </head>

   <body>

   <select id="zones">

    <option value="">--Select--</option>

    <option value="10">Australia</option> // Australia UTC offset value is 10

    <option value="8">China</option>





<option value="5.5">India</option>

    <option value="12">Newzealand</option>

    <option value="0">UK</option>

    <option value="-5">US EST</option>





  </select>

  <div id="time-cont"></div>

  </body>

</html>

با سپاس فراوان