老师的站点怎么能没有考试相关的东西呢。高考倒计时,开始。
<div class="gn_box">
<h1 align="center"><span id="t_y">00 年</span>高考倒计时</h1>
<h4 align="center"><span id="t_y1">00 年</span>高考时间:<span id="t_y2">00 年</span>6月7、8、9日</h4>
<h4 align="center">目前距离<span id="t_y3">00 年</span>高考还有</h4>
<DIV id="CountMsg" class="HotDate">
<div align="center"><span id="t_d">00 天</span>
<span id="t_h">00 时</span>
<span id="t_m">00 分</span>
<span id="t_s">00 秒</span>
<h3>20高考 长高再创辉煌</h3>
</div>
</DIV>
<script type="text/javascript">
function getRTime(){
var NowTime = new Date();
var NowYear=NowTime.getFullYear();
var EndTime= new Date(NowYear+"/06/07 09:00:00"); //截止时间
var t =EndTime.getTime() - NowTime.getTime();
var d=Math.floor(t/1000/60/60/24);
var h=Math.floor(t/1000/60/60%24);
var m=Math.floor(t/1000/60%60);
var s=Math.floor(t/1000%60);
document.getElementById("t_d").innerHTML = d + " 天";
document.getElementById("t_h").innerHTML = h + " 时";
document.getElementById("t_m").innerHTML = m + " 分";
document.getElementById("t_s").innerHTML = s + " 秒";
document.getElementById("t_y").innerHTML = NowYear + "年";
document.getElementById("t_y1").innerHTML = NowYear + "年";
document.getElementById("t_y2").innerHTML = NowYear + "年";
document.getElementById("t_y3").innerHTML = NowYear + "年";
}
setInterval(getRTime,1000);
</script>
</div>
从一个朋友那看到了一个新的高考倒计时源码,更简洁,更美观。简单的看了一下,不能自动的累加到下一年,只能设置好日期然后运行
<style>
.gn_box{
border: none;
border-radius: 15px; }
.gn_box {
padding: 10px 14px;
margin: 10px;
margin-bottom: 20px;
text-align: center;
background-color: #fff; }
#t_d{
color: #982585;
font-size: 18px; }
#t_h{
color: #8f79c1;
font-size: 18px; }
#t_m{
color: #65b4b5;
font-size: 18px; }
#t_s{
color: #83caa3;
font-size: 18px; }
</style>
<div class="gn_box">
<h1>
<font color=#E80017>2</font>
<font color=#D1002E>0</font>
<font color=#BA0045>2</font>
<font color=#A3005C>0</font>
<font color=#8C0073>年</font>
<font color=#75008A>-</font>
<font color=#5E00A1>高</font>
<font color=#4700B8>考</font>
<font color=#3000CF>倒</font>
<font color=#1900E6>计</font>
<font color=#0200FD>时</font>
</h1>
<center> <div id="CountMsg" class="HotDate"><span id="t_d"> 天</span>
<span id="t_h"> 时</span>
<span id="t_m"> 分</span>
<span id="t_s"> 秒</span>
</div></center>
<script type="text/javascript">
function getRTime() {
var EndTime = new Date('2020/06/8 00:00:00');
var NowTime = new Date();
var t = EndTime.getTime() - NowTime.getTime();
var d = Math.floor(t / 1000 / 60 / 60 / 24);
var h = Math.floor(t / 1000 / 60 / 60 % 24);
var m = Math.floor(t / 1000 / 60 % 60);
var s = Math.floor(t / 1000 % 60);
var day = document.getElementById("t_d");
if (day != null) {
dday.innerHTML = d + " 天";}
var hour = document.getElementById("t_h");
if (hour != null) {
hhour.innerHTML = h + " 时";}
var min = document.getElementById("t_m");
if (min != null) {
mmin.innerHTML = m + " 分";}
var sec = document.getElementById("t_s");
if (sec != null) {
ssec.innerHTML = s + " 秒"; } }
setInterval(getRTime, 1000);
</script> </div>