关于html10秒倒计时代码的信息[20240428更新]

本篇文章给大家谈谈html10秒倒计时代码，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、html怎么通过javascript写一个10秒倒计时
• 2、求个html倒计时代码
• 3、html页面的倒计时代码。。。。急求！！！！

html怎么通过javascript写一个10秒倒计时

!DOCTYPE html

html

head lang="en"

    meta charset="UTF-8"

    title/title

    script type="text/javascript"

        window.onload = function(){

            var i = 10;

            var timer = setInterval(function(){

                if(i== -1){

                    clearInterval(timer);

                }else{

                    document.body.innerHTML = i;

                    --i;

                }

            },1000);

        }

    /script

/head

body

/body

/html

求个html倒计时代码

!DOCTYPE html

html

head

meta charset="UTF-8"

titleDocument/title

/head

body

div id="box"

还剩：

label for="" id="hour"00/label小时

label for="" id="minute"00/label分

label for="" id="second"00/label秒

/div

script type="text/javascript"

var o_b=document.getElementById("box");

//获取界面标签对象

var o_h=document.getElementById("hour");

var o_m=document.getElementById("minute");

var o_s=document.getElementById("second");

function showTime(){

var nowDate=new Date();

//把结束时间转化为日期对象

console.log(nowDate)

var nowTime=nowDate.getTime();

var endDate=new Date("2019/01/20 00:00:00");

var endTime=endDate.getTime();

//距离结束时间剩余的秒数

var diffTime=parseInt((endTime-nowTime)/1000);

console.log(diffTime)

if(diffTime=0){

o_b.innerHTML="秒杀结束";

clearInterval(t);//清除定时器

}

//将剩余时间(秒)转换为时、分、秒

var hour=parseInt(diffTime/60/60);

var minute=parseInt(diffTime/60%60);

var second=diffTime%60;

if(hour10){

hour="0"+hour;

}

if(minute10){

minute="0"+minute;

}

if(second10){

second="0"+second;

}

console.log(o_h);

console.log(o_m);

console.log(o_s);

o_h.innerHTML=hour;

o_m.innerHTML=minute;

o_s.innerHTML=second;

// setTimeout(showTime,1000);

}

showTime();

var t=setInterval(showTime,1000);

console.log(t);

/script

/body

/html

html页面的倒计时代码。。。。急求！！！！

body

div id="timer"/div

script type="text/javascript" language="javascript"

var endDate=new Date(2010,11,11,17,05,40);//年月日时分秒，月要减去1

(function daoJiShi()

{

var now=new Date();

var oft=Math.round((endDate-now)/1000);

var ofd=parseInt(oft/3600/24);

var ofh=parseInt((oft%(3600*24))/3600);

var ofm=parseInt((oft%3600)/60);

var ofs=oft%60;

document.getElementById('timer').innerHTML='还有 '+ofd+' 天 ' +ofh+ ' 小时 ' +ofm+ ' 分钟 ' +ofs+ ' 秒';

if(ofs0){document.getElementById('timer').innerHTML='倒计时结束！';return;};

setTimeout('daoJiShi()',1000);

}());

/script

/body

关于html10秒倒计时代码和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。