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

如题所述

第1个回答 2020-06-25

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
h1{
font-size: 50px;
text-align: center;
}
</style>
</head>
<body>
<h1>倒计时：<span>50</span></h1>
<script type="text/javascript" src = "http://libs.baidu.com/jquery/1.10.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var e = $("h1 span").first();
var i = 49;
var interval = setInterval(function(){
e.html(i);
i--;
if(i <= 0){
clearInterval(interval);
}
},1000);
})
</script>
</body>
</html>

第2个回答 2017-07-29

<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(ofs<0){document.getElementById('timer').innerHTML='倒计时结束！';return;};
setTimeout('daoJiShi()',1000);
}());

</script>
</body>本回答被网友采纳

相似回答

html页面的倒计时代码。。。急求!!!答：1、将源代码直接另存为html 2、只能用IE浏览器打开。如果默认浏览器不是IE。可以右键点击Html文件，选择用IE打开 3、如果提示是否同意运行activex插件。请选择允许阻止的内容即可。4、窗口化游戏模式下，切换游戏画面和计时网页?较为方便。请用?atl+tab键或win键?尝试切换 5、游戏每局第一回合倒计时2...

求个html倒计时代码答：</body> </html>

求html倒计时源代码,能在淘宝里面显示的答：<script?language=javascript> var?sec?=?5;var?int=setInterval("clock()",1000)function?clock()??{ document.getElementById("clock").value?=?"倒计时："+sec;???if(sec?==?0){ ???clearInterval(int);???document.getElementById("status").innerHTML?=?"GAME?OVER";?} else{ ?...

倒计时html代码答：倒计时的html代码：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>CSS3圆环倒计时-源码搜藏网</title><style>.pie { width:200px; height:200px; background-color:blue; border-radius:100px; position:absolute; }.pie1 { clip:rect(0px,200px,200px,100px); -o-transform...

谁能帮我解释一下这段html倒计时的代码,谢谢了视频时间 20:00

网页倒计时代码答：完整的程序代码如下：<span id=tt></span>秒以后返回<a href=index.html>首页</a> <script type=text/javascript> var t=5;function w(){ tt.innerHTML=t;t--;if (t==0) location.href='index.html';setTimeout("w();",1000);} w();</script> 以上代码测试通过，使用方法是保存...

求一个倒计时20s跳转到一网址的html代码答：<title>倒计时五秒后跳页面</title> <script> function countDown(){ //获取初始时间 var time = document.getElementById("Time");//获取到id为time标签中的数字时间 if(time.innerHTML == 0){ //等于0时清除计时，并跳转该指定页面 window.location.href="https://mbd.baidu.com/newspage...

时间倒计时代码视频时间 11:38

求html网页高手 倒计时代码!答：<font color="ffaafa"><h2>时间日期篇--倒计时1</h2></font> <hr width=300> <br><br>  <script language=JavaScript>  var theDay = new Date("January 1, 2008")var DayALL function DownCount(){ var...

大家正在搜

html页面布局代码 html登录界面设计代码完整html网页代码 html简单网页代码 html个人网页完整代码 html网页代码大全 html登录页面源码 html简单登录界面代码 html表格的完整代码