本文介绍了一个利用JavaScript实现的倒计时插件，用于显示距离活动结束剩余的时间，包括天数、小时、分钟和秒。该插件能够实时更新剩余时间，并在最后五分钟内弹出提醒。通过简单的配置，可以应用于各种需要倒计时提醒的场景。
<script type="text/javascript" src="js/JQuery/jquery-1.3.2.min.js"></script>
<?php
//php的时间是以秒算。js的时间以毫秒算
//配置每天的活动时间段
$endtime =$endtime;//从后天将时间传到前台
$nowtime = time();//获取当前时间
/*if ($nowtime<$starttime){
die("活动还没开始,活动时间是：{$starttimestr}至{$endtimestr}");
}*/
$lefttime = $endtime-$nowtime; //实际剩下的时间（秒）
?>
<SCRIPT LANGUAGE="JavaScript">
<!-- //
var runtimes = 0;
function GetRTime(){
var nMS = <?php echo $lefttime;?>*1000-runtimes*1000;
var nD=Math.floor(nMS/(24 * 60 * 60 * 1000));//还有多少天
var nH=Math.floor(nMS/(1000*60*60))%24; //还有多少小时
var nM=Math.floor(nMS/(1000*60)) % 60; //还有多少分钟
var nS=Math.floor(nMS/1000) % 60; //还有多少秒
var hour=nD*24+nH;
$(".hour1").html(hour);
$(".minute1").html(nM);
$(".second1").html(nS);
if(nMS>5*59*1000&&nMS<=5*60*1000) // 5分钟是 5*60*1000毫秒;4分钟是4*60*1000
{
alert("还有最后五分钟！");
}
runtimes++;
setTimeout("GetRTime()",1000);
}
window.onload=GetRTime;
// -->
<?php
//php的时间是以秒算。js的时间以毫秒算
//配置每天的活动时间段
$endtime =$endtime;//从后天将时间传到前台
$nowtime = time();//获取当前时间
/*if ($nowtime<$starttime){
die("活动还没开始,活动时间是：{$starttimestr}至{$endtimestr}");
}*/
$lefttime = $endtime-$nowtime; //实际剩下的时间（秒）
?>
<SCRIPT LANGUAGE="JavaScript">
<!-- //
var runtimes = 0;
function GetRTime(){
var nMS = <?php echo $lefttime;?>*1000-runtimes*1000;
var nD=Math.floor(nMS/(24 * 60 * 60 * 1000));//还有多少天
var nH=Math.floor(nMS/(1000*60*60))%24; //还有多少小时
var nM=Math.floor(nMS/(1000*60)) % 60; //还有多少分钟
var nS=Math.floor(nMS/1000) % 60; //还有多少秒
var hour=nD*24+nH;
$(".hour1").html(hour);
$(".minute1").html(nM);
$(".second1").html(nS);
if(nMS>5*59*1000&&nMS<=5*60*1000) // 5分钟是 5*60*1000毫秒;4分钟是4*60*1000
{
alert("还有最后五分钟！");
}
runtimes++;
setTimeout("GetRTime()",1000);
}
window.onload=GetRTime;
// -->
</script>
<body>
<div id="container">
<div id="header"> <img src="image/romwezt_03.jpg" /> </div>
<div id="timer" class="yangshi">
<span class="hour1"></span> <span class="minute1"></span> <span class="second1"></span>
</div></body>
扫一扫
2690
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
