创建动态javascript倒计时计时器_Javascript_Jquery_Webmatrix

创建动态javascript倒计时计时器

javascript jquery

创建动态javascript倒计时计时器,javascript,jquery,webmatrix,Javascript,Jquery,Webmatrix,我想创建一个动态javascript倒计时，我想从我的SQL server数据库中给它传递一个datetime变量，让它倒计时到这个日期，然后显示一条消息，我已经尝试了几乎所有我能找到的JQuery插件，但还没能编辑它们来完成我需要的工作，我还需要在同一页上有多个倒计时任何帮助都是非常感激的干杯斯科特 =======编辑======= 经过多次尝试和错误，我能够修改这个js 要执行我需要的操作，请尝试以下操作： function Thick(startin) { startin--;

我想创建一个动态javascript倒计时，我想从我的SQL server数据库中给它传递一个datetime变量，让它倒计时到这个日期，然后显示一条消息，我已经尝试了几乎所有我能找到的JQuery插件，但还没能编辑它们来完成我需要的工作，我还需要在同一页上有多个倒计时

任何帮助都是非常感激的

干杯

斯科特

=======编辑=======

经过多次尝试和错误，我能够修改这个js

要执行我需要的操作，请尝试以下操作：

function Thick(startin) {
  startin--;
  document.getElementById('timer').innerHTML = startin;
  if(startin > 0) setTimeout('Thick(' + startin + ')', 1000);
}

因此，调用body onLoad中的函数，如：

<body onLoad="Thick(20);">

希望能有所帮助：

如果你想让别人帮你写这篇文章，你必须提供更详细的要求，并建立一个付款方案。如果你对你尝试过的方法之一有问题，你可能应该发布有问题的代码。是的，那会是一个更好的方法，我在离职时写了这篇文章，从好的方面来说，经过多次尝试和错误，我成功地修改了它来做我需要的事情。你能以一种有助于他人的方式回答你自己的问题吗？如果您这样做，您可以选择您的作为正确答案。这可能看起来很奇怪，但这是处理类似情况的首选方法。

//TODAY'S DATE
$today = time();
//FETCHES DATE AND TIME FOR THE EVENT FROM DATABASE

$sql = "SELECT * FROM post";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
$Row = (mysqli_fetch_assoc($result));
$th = $Row['endtime'];    
}
echo $th

first of all put it into a variable then use your javascript to call the variable

//let get todays date here
var today = new Date();
var DD = today.getDate();
var MM = today.getMonth()+1; //January is 0!
var YYYY = today.getFullYear();
//let get the Difference in Sec btw the two dates
var _DateFromDBProgEndDate = '<?php echo $th; ?>';
var ProgEndTime = new Date(_DateFromDBProgEndDate);
var TodayTime = new Date();

var differenceTravel = ProgEndTime.getTime()- TodayTime.getTime() ;
var seconds = Math.floor((differenceTravel) / (1000));
////////////////////////////////
var SecDiffFromToday = seconds;
var seconds = SecDiffFromToday;
function timer() {
    var days        = Math.floor(seconds/24/60/60);
    var hoursLeft   = Math.floor((seconds) - (days*86400));
    var hours       = Math.floor(hoursLeft/3600);
    var minutesLeft = Math.floor((hoursLeft) - (hours*3600));
    var minutes     = Math.floor(minutesLeft/60);
    var remainingSeconds = seconds % 60;
    if (remainingSeconds < 10) {
        remainingSeconds = "0" + remainingSeconds; 
    }
    document.getElementById('countdown').innerHTML = days + ":" + hours + ":" + minutes + ":" + remainingSeconds;
    if (seconds == 0) {
        clearInterval(countdownTimer);
        document.getElementById('countdown').innerHTML = "Completed";
    } else {
        seconds--;
    }
}
var countdownTimer = setInterval('timer()', 1000);
</script>


the  javascript call in the variable with  '<?php echo $th; ?>'; then the javascript does the count down with out refreshing the page