js 倒计时 代码

 <body>

<div id='res'><span id='d'></span><span id="h"></span><span id="m"></span><span id="s"></span></div>

</body>
<script src="./jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
var now = new Date(); //当前时间
//2012-07-26 16:22:53
var EndTime = new Date(now.getTime()+1000*60*60*24*2); //当前时间+2天 注意 js中getTime()是以毫秒计算 所以*1000 php是以秒计算
function timer(){
now = new Date();
var t = EndTime.getTime()-now.getTime();
if(t > 0){
var s = Math.floor(t/1000)%60; //秒
var m = Math.floor(t/(1000*60))%60; //分
var h = Math.floor(t/(1000*60*60))%24; //时
var d = Math.floor(t/(1000*60*60*24)); //天
s = (s<10)? '0'+s:s;
document.getElementById("d").innerHTML=d+"天";
document.getElementById("h").innerHTML=h+"小时";
document.getElementById("m").innerHTML=m+"分";
document.getElementById("s").innerHTML=s+"秒";

}else{ //到时间后边框阴影发光

if(t % 2 == 0){
$('#res').css({"box-shadow":" 0 0 12px rgba(72, 106, 170, 0.5)","-o-box-shadow":" 0 0 22px rgba(72, 106, 170, 0.5)","-moz-box-shadow":" 0 0 12px rgba(72, 106, 170, 0.5)","-webkit-box-shadow":" 0 0 12px rgba(72, 106, 170, 0.5)","border-color":"rgba(160, 179, 214, 0.5)"});
}else{
$('#res').css({"box-shadow":"0 0 12px rgba(72, 106, 170, 1.0), 0 0 18px rgba(0, 140, 255, 1.0)","-o-box-shadow":"0 0 12px rgba(72, 106, 170, 1.0), 0 0 18px rgba(0, 140, 255, 1.0)","-moz-box-shadow":"0 0 22px rgba(72, 106, 170, 1.0), 0 0 18px rgba(0, 140, 255, 1.0)","-webkit-box-shadow":"0 0 12px rgba(72, 106, 170, 1.0), 0 0 18px rgba(0, 140, 255, 1.0)","border-color":"rgba(160, 179, 214, 1.0)"});
}
}
}
setInterval("timer()",1000);
</script>

时间: 2024-11-05 14:50:53

js 倒计时 代码的相关文章

JS倒计时代码汇总_javascript技巧

本文实例总结了常见的JS倒计时代码.分享给大家供大家参考.具体汇总如下: 第一种:精确到秒的javascript倒计时代码  HTML代码:  复制代码 代码如下: <form name="form1">  <div align="center" align="center">  <center>离2010年还有:<br>  <input type="textarea" n

js倒计时代码

js倒计时一 html代码:   <script language="javascript" type="text/javascript">   function djs(){   var urodz= new date("11/12/2008");    var now = new date();   var num   var ile = urodz.gettime() - now.gettime();    var dni =

js 倒计时代码总结分享

通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行.我们称之为计时事件. 在 JavaScritp 中使用计时事件是很容易的,两个关键方法是: setTimeout() 未来的某时执行代码 clearTimeout() 取消 setTimeout() 实例  代码如下 复制代码 function countdown(v,oid){  if(v==true){//先用ajax取得倒计时的基数(只有第一次运行这个函数的时候才会做)   $.

分享一个js倒计时代码

 代码如下 复制代码 function countdown(v,oid){  if(v==true){//先用ajax取得倒计时的基数(只有第一次运行这个函数的时候才会做)   $.get('json/get_countdown.php',function(data){    dtime = data;//得到秒    id = 'countdown';    t=setTimeout('countdown(false,'+oid+')',1000);   });  }else if(v==fa

js倒计时代码_时间日期

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js带闹铃功能的倒计时代码_javascript技巧

Js倒计时代码,带闹铃功能,自定义闹钟倒计时功能,点击开始按钮,即可开始倒数,代码不是太复杂,新手应该能看懂,代码分享给大家. 效果图: 源码: <html> <head> <title>Js倒计时,闹铃功能</title> <script language="javascript"> function $(id){ return document.getElementById(id); } function down(){

js完整倒计时代码分享_javascript技巧

本文实例为大家分享了js倒计时代码,供大家参考,具体内容如下 <html> <head> <title>倒计时测试</title> <script src="http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script languag

简单的Javascript倒计时代码

前几天老大说自己来写倒计时的,可今天还是分到我的手里了. 效果还是不错的吧.还没有上线,不然就提供连接给看官们看看js实现倒计时的效果了.  代码如下 复制代码 <script> window.onload=countdown(); function countdown(time){     var djs = time;     var b=Math.round(new Date().getTime()/1000);     var cc = djs-b;     var d = Math.

js倒计时简单实现代码_javascript技巧

倒计时:  1.设置一个有效的结束日期  2.计算剩余时间  3.将时间转换成可用的格式  4.输出时钟数据作为一个可重用的对象  5.在页面上显示时钟,并在它到达0时停止 html <div id="clock"> <span id="days"></span>天 <span id="hours"></span>时 <span id="minutes">