【JavaScript】JavaScript实现倒计时

最新推荐文章于 2025-08-07 21:48:39 发布

siyue_qi

最新推荐文章于 2025-08-07 21:48:39 发布

阅读量760

点赞数

分类专栏： JavaScript 文章标签： javascript

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的倒计时效果，通过计算剩余时间并更新显示元素来展示倒计时进程。当剩余时间进入五分钟倒计时阶段时会触发警告提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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" lang="gb2312">

<head>

<head>

<title> 倒计时效果 </title>

<meta http-equiv="content-type" content="text/html; charset=gb2312" />

<meta name="keywords" content="" />

<meta name="description" content="" />

<script language="JavaScript">

<!-- //

var startTime = new Date();

var EndTime=startTime.getTime()+100*60*1000;

function GetRTime(){

var NowTime = new Date();

var nMS =EndTime - NowTime.getTime();

//var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));

var nH=Math.floor(nMS/(1000*60*60)) % 24;

var nM=Math.floor(nMS/(1000*60)) % 60;

var nS=Math.floor(nMS/1000) % 60;

//document.getElementById("RemainD").innerHTML=nD;

document.getElementById("RemainH").innerHTML=nH;

document.getElementById("RemainM").innerHTML=nM;

document.getElementById("RemainS").innerHTML=nS;

if(nMS>5*59*1000&&nMS<=5*60*1000)

{

alert("还有最后五分钟！");

}

setTimeout("GetRTime()",1000);

}

window.onload=GetRTime;

// -->

</script>

</head>

<body>

<div id="CountMsg">倒计时还有：<strong id="RemainD"></strong>
     <strong id="RemainH">XX</strong>时
     <strong id="RemainM">XX</strong>分
   <strong id="RemainS">XX</strong>秒
    </div>

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。