热门

最新

红包

立Flag

投票

同城

发布
ricec_
RiceC_
4 年前
truericec_

考试倒计时
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>考试倒计时</title>
<style>
#time{
height: 100px;
background:url(img/jz3.gif) no-repeat;
padding: 20px 126px;
color: #0000FF;
font-size: 28px;
}
</style>
</head>
<body>
<div id="time"></div>
<script>
var time=document.getElementById('time');
var ks=new Date();var msks = ks.getTime();
var js=msks+3*60*1000;
function jsover()
{
var syfz=Math.floor((js-new Date().getTime())/(1000*60));
var sym=Math.floor((js-new Date().getTime()-syfz*1000*60)/(1000));

if(syfz<2) time.style.background="url(img/jz1.gif)no-repeat";
if(syfz<1) time.style.background="url(img/jz2.gif)no-repeat";
if(syfz<0)
{
time.innerHTML="";
time.style.background="";
clearInterval(timeID);
}
else
time.innerHTML="高考结束还剩"+syfz+"分"+sym+"秒";
}
timeID=setInterval("jsover()",1000);
</script>
</body>
</html>
评论
点赞
打赏
  • 复制链接
  • 举报
下一条：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>四月天</title> <script src="jquery.js"></script></head><body><h1> 你是人间的四月</h1><p id="p2">笑响亮了四面风</p><p id="p3">轻灵在春的光艳中交舞看变</p><p id="p4">你是一月早天的云烟</p><p id="p5">黄昏吹着风的软</p><p id="p6">....</p><p id="p7">点击查看全部</p><script> $('h1').click(function () { $(this).css('color','blue'); }) $('p').click(function () { $('#p').css({'font-size':'14px','line-height':'30px'}) }) $('p').click(function () { $('#p7').css('color','purple'); })</script><img src="图片.gif"></body></html>