[HTML代码]JS节日倒计时天数代码(根据天数对应显示不同内容)
2014-01-28 19:11:36 -0800
代码说明
JavaScript写的倒计时代码,可以用于提醒距离节日天数,按天数显示还有多少天/明天/今天/已过,当然不只是可以用于节日,其他亦可。代码采自新年祝福网页,转自笑忘书
html代码
<script language="JavaScript"> var urodz= new Date("01/31/2014"); //节日的日期,月/日/年 var s="春节"; //节日名称 var now = new Date(); var ile = urodz.getTime() - now.getTime(); var dni = Math.floor(ile / (1000 * 60 * 60 * 24))+1; if (dni > 1) document.write("<span class='festival'>♥距离"+s+"还有<b style='color:red;'>"+dni +"</b>天⊙_⊙</span>") else if (dni == 1) document.write("<span class='festival'>♥明天就是"+s+"啦↖(^ω^)↗</span>") else if (dni == 0) document.write("<span class='red'>♥祝你"+s+"快乐(*^_^*)</span>") else document.write("<span class='festival'>♥"+s+"已经过去了哦(╯3╰)</span>"); </script> <style> .festival{ color:green;border-bottom:1px dashed grey; } .red{ color:red;border-bottom:1px dashed yellow; } </style>
代码演示
♥春节已经过去了哦(╯3╰)
«Newer
Older»
Comment:
Name:
Back to home
代码 /cat/111288