下記ajaxで下記の var liftoffTime1 = new Date(); liftoffTime1.setDate(liftoffTime1.getDate() + 5); と <div id="countdown1" class="countdownStyle"></div> をfor文で自動で生成で for(var i=0;i<10;i++){ var liftoffTime1 = new Date(); liftoffTime1.setDate(liftoffTime1.getDate() + 5); <div id="countdown1" class="countdownStyle"></div> } のようにするにはどうしたらいいのでしょうか <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery - Count Down </title> <link href="jquery.countdown.css" rel="stylesheet" type="text/css" /> <style type="text/css"> .countdownStyle { float: left; width: 240px; border: 1px solid #ccc; background-color: #eee; } </style> <script src="jquery-1.2.6.js" type="text/javascript"></script> <script src="jquery.countdown.js" type="text/javascript"></script> <script src="jquery.countdown-ja.js" type="text/javascript"></script> <script type="text/javascript"> var liftoffTime1 = new Date(); liftoffTime1.setDate(liftoffTime1.getDate() + 5); var liftoffTime2= new Date(); liftoffTime2.setDate(liftoffTime2.getDate() + 7); var liftoffTime3= new Date(); liftoffTime3.setDate(liftoffTime3.getDate() + 7); $(function() { $('#countdown1').countdown({ until: liftoffTime1, compact: true, description: '' }); $('#countdown2').countdown({ until: liftoffTime2, compact: true, description: '' }); $('#countdown3').countdown({ until: liftoffTime3, compact: true, description: '' }); }); </script> </head> <body> <div id="countdown1" class="countdownStyle"></div> <div id="countdown2" class="countdownStyle"></div> <div id="countdown3" class="countdownStyle"></div> </body> </html>
↧