倒计时样式

function countDown(){
var endDay,endMouse,endYear,endtime,leftsecond,day,hour,minute,second;
var nowtime = new Date();
var curHour = nowtime.getHours();
endDay = nowtime.getDate()+1;
endMouse = nowtime.getMonth();
endYear = nowtime.getFullYear();
endtime=new Date(endYear,endMouse,endDay,10,00,00);
leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);
day=parseInt(leftsecond/3600/24);
hour=parseInt((leftsecond/3600)%24);
if(hour<10){
hour = "0"+hour;
};
minute=parseInt((leftsecond/60)%60);
if(minute<10){
minute = "0"+minute;
};
second=parseInt(leftsecond%60);
if(second<10){
second = "0"+second;
};
document.getElementById("djshour").innerHTML=hour;
document.getElementById("djsminuts").innerHTML=minute;
document.getElementById("djssecond").innerHTML=second;
if(curHour >= 10){
/*10点以后开抢的状态*/
document.getElementById("djs-id").style.display = "none";
document.getElementById("kq-cont").style.display="block";
}else{
/*时间为10点之前倒计时*/
document.getElementById("djs-id").style.display = "block";
document.getElementById("kq-cont").style.display="none";
}
}
countDown();
window.setInterval(function(){
countDown();
},1000);

时间: 2024-11-03 16:38:37

倒计时样式的相关文章

浅谈android中仅仅使用一个TextView实现高仿京东,淘宝各种倒计时

今天给大家带来的是仅仅使用一个TextView实现一个高仿京东.淘宝.唯品会等各种电商APP的活动倒计时.最近公司一直加班也没来得及时间去整理,今天难得休息想把这个分享给大家,只求共同学习,以及自己后续的复习.为什么会想到使用一个TextView来实现呢?因为最近公司在做一些优化的工作,其中就有一个倒计时样式,原来开发的这个控件的同事使用了多个TextView拼接在一起的,实现的代码冗余比较大,故此项目经理就说:小宏这个就交给你来优化了,并且还要保证有一定的扩展性,当时就懵逼了.不知道从何处开始

浅谈android中只使用一个TextView实现高仿京东,淘宝各种倒计时

今天给大家带来的是只使用一个TextView实现一个高仿京东.淘宝.唯品会等各种电商APP的活动倒计时.近期公司一直加班也没来得及时间去整理,今天难得歇息想把这个分享给大家.只求共同学习,以及自己兴许的复习. 为什么会想到使用一个TextView来实现呢?由于近期公司在做一些优化的工作,当中就有一个倒计时样式,原来开发的这个控件的同事使用了多个TextView拼接在一起的.实现的代码冗余比較大.故此项目经理就说:小宏这个就交给你来优化了.而且还要保证有一定的扩展性,当时就懵逼了.不知道从何处開始

angular——倒计时

<div class="top_10 input_box"> <label class="item item-input"> <i class="icon ion-chatbubble-working placeholder-icon"></i> <input type="tel" placeholder="请输入短信验证码" autofocus ng-

获取验证码倒计时优化 页面刷新实时倒计时

现在很多页面是需要获取验证码的,但是相信很多页面是没有做这样的优化的,比如下面这个场景: 现在访问一个注册页面,页面有一个填写手机号,获取验证码的按钮,点击获取验证码按钮之后,按钮变成灰色,然后是60倒计时效果.在60S内我无法再次点击获取验证码按钮.因为按钮是灰色的,不可点击状态. 但是,如果在倒计时任然进行时我刷新一下页面,一般的页面就会全部刷新,包括倒计时效果也没有了,按钮恢复到这最初可点击状态,这其实是不符合逻辑的.按正常逻辑是,页面任然倒计时,如果我刷新页面,倒计时任然存在,并且按钮不

swift UI专项训练28 DatePicker日期老虎机

如果你设置过iPhone中的日期,那么你对日期老虎机一定不陌生.它的基类是UIDatePicker.主要属性有日期.时间和倒计时,如图: mode模式中你可以选择只有日期.只有时间或者都有. local是时区. Interval是时间间隔. 后面的是一些约束. Timer是倒计时间隔. 拖一个到storyboard中,运行一下看看效果: 还是满炫酷的.现在我们把它的样式设为倒计时,cut down timer: 可以看到倒计时样式是没有我们常用的秒或者毫秒倒计时的,需要我们继承基类自己定义.

初试jquery插件开发

之前一直只是在理论上学习jquery插件的开发...现在写了个倒计时的小插件尝试下,顺便重新温习下jquery插件的开发和写法: 倒计时效果: 首先是写取个常规的函数调用方法: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>倒计时</title> <script src="../js/jquery.js">&l

60秒验证码倒计时js代码 js样式代码 方块上下左右随机移动(定时器) js中获取元素的方法 js中表单提交

60秒验证码倒计时js代码 <script type="text/javascript"> var countdown=60; function settime(val) { if (countdown == 0) { //removeAttribute() 方法删除指定的属性. disabled属性规定应该禁用 input 元素. val.removeAttribute("disabled"); val.value="免费获取验证码"

Html5添加时尚的圆形进度条样式的倒计时插件教程

一.使用方法 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/kinetic.js"></script> <script type="text/javascript" src="js/jq

javascript特效实现(4)——当前时间和倒计时效果

这个效果的实现关键是对Date对象和setTimeout的使用. 一共有三个例子,HTML结构如下,就不添加CSS样式了. <body> 当前时间:<p id="p1"></p> 高考倒计时:<p id="p2"></p> 限时抢购:<p id="p3"></p> </body> 主要体会javascript的实现 window.onload=func