HTML倒计时JS

var intDiff = parseInt($("#examTime").val());//倒计时总秒数


timer(intDiff);


function timer(intDiff){

window.setInterval(function(){
var day=0,
hour=0,
minute=0,
second=0;//时间默认值
if(intDiff > 0){
day = Math.floor(intDiff / (60 * 60 * 24));
hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
}
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second;
//$('#day_show').html(day+"天");
//$('#hour_show').html('<s id="h"></s>'+hour+'时');
$('#minute_show').html('<s></s>'+minute+'分');
$('#second_show').html('<s></s>'+second+'秒');
intDiff--;

if(intDiff==0 || intDiff<0) examEnd();
}, 1000);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML 倒计时计时器是一种常用的倒计时功能,可以在网页中显示指定时间的倒计时,并提醒用户时间的到来。一般来说,倒计时计时器可以使用 JavaScript 来实现。以下是实现 HTML 倒计时计时器的基本步骤: 1. 在 HTML 中创建一个显示倒计时的容器,例如 div 或 span 标签。 2. 使用 JavaScript 获取当前时间和目标时间,并计算它们之间的时间差。 3. 将时间差转换为可读格式,并将其显示在倒计时容器中。 4. 使用 setInterval() 函数定时更新倒计时容器中的时间,直到倒计时结束。 下面是一个简单的 HTML 倒计时计时器的示例代码: ``` <div id="countdown"></div> <script> // 设置目标时间为 2022 年 1 月 1 日 0 时 0 分 0 秒 var targetDate = new Date("2022-01-01T00:00:00Z"); // 每秒更新倒计时容器中的时间 setInterval(function() { // 获取当前时间和目标时间之间的时间差 var timeDiff = targetDate - new Date(); // 将时间差转换为可读格式 var days = Math.floor(timeDiff / (1000 * 60 * 60 * 24)); var hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((timeDiff % (1000 * 60)) / 1000); // 将可读格式的时间显示在倒计时容器中 document.getElementById("countdown").innerHTML = days + "天 " + hours + "小时 " + minutes + "分 " + seconds + "秒"; }, 1000); </script> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值