JavaScript中未将新值分配给id或类
下面的脚本用于显示倒计时 这里使用的代码是php和javascript的组合 尝试了很多方法,但没有用JavaScript中未将新值分配给id或类,javascript,php,ajax,countdown,Javascript,Php,Ajax,Countdown,下面的脚本用于显示倒计时 这里使用的代码是php和javascript的组合 尝试了很多方法,但没有用 <script> function countdown(endT,callback,val) { var val,days,hours,minutes,sec,timer; end = new Date(endT); end = end.getTime(); //Get initi
<script>
function countdown(endT,callback,val) {
var val,days,hours,minutes,sec,timer;
end = new Date(endT);
end = end.getTime(); //Get initial Date in Milliseconds,
if (isNaN(end)) {
alert('@ countdown.js @ "Invalid Date", valid format- mm/dd/yyyy hh:mm:ss TT ');
return;
}
timer = setInterval(calculate,1000);//Timer to calculate remaining time
function calculate(){
var current = new Date();
var remaining = parseInt((end - current.getTime())/1000);//remaining seconds,
if (remaining <= 0){
clearInterval(timer);
days=0;
hours=0;
minutes=0;
sec=0;
display(days,hours,minutes,sec);
if (typeof callback === 'function' ) {
callback();
}
}else{
days = parseInt(remaining/86400);
remaining = (remaining%86400);
hours = parseInt(remaining/3600);
remaining = (remaining%3600);
minutes = parseInt(remaining/60);
remaining = (remaining%60);
sec = parseInt(remaining);
display(days,hours,minutes,sec);
}
}
//Function For displaying Results in HTML page with specific ID's
function display(days,hours,minutes,sec) {
var dl = days.toString().length;
if (dl == "1") {
sl = 2;
}else{
if (isNaN(dl)) {
sl = 3;
}
sl = dl;
}
d1="days";
d2=val;
d=d1.concat(d2);
h1="hours";
h2=val;
h=h1.concat(h2);
m1="minutes";
m2=val;
m=m1.concat(m2);
s1="seconds";
s2=val;
s=s1.concat(s2);
document.getElementById(d).innerHTML = ("00"+days).slice(-sl);
document.getElementById(h).innerHTML = ("0"+hours).slice(-2);
document.getElementById(m).innerHTML = ("0"+minutes).slice(-2);
document.getElementById(s).innerHTML = ("0"+sec).slice(-2);
}
}
</script>
<?php
for ($i = 6; $i <9; $i++)
{
$dates="2019-03-0$i 12:45:01";
?>
<script>
countdown('<?php echo $dates;?>',callback,'<?php echo $i;?>');
function callback(){
//alert('Your Id is Expired');
};
</script>
<div class="countDown" align="center">
<span id="days<?php echo $i; ?>">00</span> <!-- Remaining Days,id="days"-->
<span id="hours<?php echo $i; ?>">00</span> <!-- Remaining hours ,id="hours"-->
<span id="minutes<?php echo $i; ?>">00</span> <!-- Remaining minutes,id="minutes"-->
<span id="seconds<?php echo $i; ?>">00</span> <!-- Remaining secounds,id="secounds"-->
</div>
<?php
}
?>
函数倒计时(endT、回调、val){
var val、天、小时、分钟、秒、计时器;
结束=新日期(endT);
end=end.getTime();//以毫秒为单位获取初始日期,
如果(伊斯南(完)){
警报('@countdown.js@“无效日期”,有效格式-mm/dd/yyyy hh:mm:ss TT');
返回;
}
timer=setInterval(calculate,1000);//计算剩余时间的计时器
函数计算(){
var current=新日期();
var remaining=parseInt((end-current.getTime())/1000);//剩余秒数,
如果(剩余php和javascript的组合总是令人困惑。它可以在页面加载时创建动态元素时组合使用,但不能在页面加载后组合使用。因此,您必须在javascript中编写倒计时代码。如果需要访问服务器变量(即php变量)然后您需要Ajax
请求才能访问此变量。感谢您的回复,如果您觉得满意,请尝试让我知道如何实现您所说的内容。。。