Question

我一直在寻找高低，只是想知道是否有可能让Jquery UI Progressbar与这段代码交互。

此处找到Jquery进度条＆gt; http://docs.jquery.com/UI/Progressbar/

代码：

<script type="text/javascript"> 
jQuery(document).ready(function() {
$('#jQueryProgressbar1').countDown({
    targetDate: {
        'day':  25,
        'month': 12,
        'year': 2011,
        'hour': 0,
        'min':  0,
        'sec':  0
      }     
});

基本上，ui进度条会从代码中读取日，月，年等，并将其与进度条的栏显示相结合......有点像倒数计时器但有进度条。

Answer 1

这样的事情会起作用吗？（demo）

var target = new Date('12/25/2011'),
    today = new Date(),
    daysToGo = Math.ceil((target.getTime() - today.getTime() ) / (1000*60*60*24)),
    // probably not the best, but it should work
    percent = 100 - daysToGo;

$("#progressbar").progressbar({
    value: percent,
    create: function(event, ui) {
        $('.ui-progressbar').append(daysToGo + ' days left!');
    }
});

带倒数计时器的Jquery Progressbar

1 个答案: