原生js春节倒计时@酷酷航

<script type="text/javascript">var time_now_server,time_now_client,time_end,time_server_client,timerID;//结束时间
time_end=new Date("2020/01/25 12:00:00");
time_end=time_end.getTime();
//开始的时间:如果不填入时间日期默认为当前的日期时间
time_now_server=new Date;
time_now_server=time_now_server.getTime();time_now_client=new Date();
time_now_client=time_now_client.getTime();time_server_client=time_now_server-time_now_client;setTimeout("show_time()",1000);//显示时间函数
function show_time()
{var timer = document.getElementById("timer");if(!timer){return ;}timer.innerHTML =time_server_client;var time_now,time_distance,str_time;var int_day,int_hour,int_minute,int_second;var time_now=new Date();time_now=time_now.getTime()+time_server_client;time_distance=time_end-time_now;if(time_distance>0){int_day=Math.floor(time_distance/86400000)time_distance-=int_day*86400000;int_hour=Math.floor(time_distance/3600000)time_distance-=int_hour*3600000;int_minute=Math.floor(time_distance/60000)time_distance-=int_minute*60000;int_second=Math.floor(time_distance/1000)if(int_hour<10){int_hour="0"+int_hour;}if(int_minute<10){int_minute="0"+int_minute;}if(int_second<10){int_second="0"+int_second;}str_time=int_day+"天"+int_hour+"小时"+int_minute+"分钟"+int_second+"秒";timer.innerHTML=str_time;setTimeout("show_time()",1000);}else{timer.innerHTML =timer.innerHTML;clearTimeout(timerID)window.location.href="http://www.baidu.com";}
}
</script>

原生js春节倒计时@酷酷航相关推荐

原生JS活动倒计时实现思路
原生JS活动倒计时实现思路由于一个活动页面里面有多个活动,所以用map去操作每一个对象,只有一个活动的话就不需要遍历了,活动分为距离活动开始和距离活动结束两个倒计时,自己可按需求增减代码.还有就是I ...
js检测鼠标是否在操作_原生JS趣味demo：炫酷头像鼠标追随效果的实现
我们常在一些网页中可以看到鼠标追随效果一个简单的图片.动画甚至一小段文字都可以作为鼠标跟随的载体之前咱们的直播课中老师也讲过相关的canvas追随粒子特效今天就让我们一起来用原生js ...
【html+css+原生js实现炫酷照片展开效果-----女友相册的正确打开方式（详细）】
1.先看效果.有动画效果,截图效果不大明显.copy代码运行可以展示完整效果. 2.html页面 <!DOCTYPE html> <html><head><m ...
动态毛玻璃特效html,js和CSS3炫酷毛玻璃面板特效
Frosted Panel 是一款使用js编写的炫酷毛玻璃特效插件.您通过简单的配置,既可以生成非常炫酷的半透明模糊的毛玻璃效果. 使用方法在HTML文件中引入. HTML结构创建HTML结构并使 ...
js和CSS3炫酷3D相册展示
<!doctype html> <html> <head> <meta charset="UTF"> <title>js ...
原生js 或vue实现60分钟倒计时案例
使用场景类似于订单倒计时,或答题倒计时,代码如下在Vue中封装了如下的方法 data () {return {countdownTxt:'',//要显示的倒计时文案};}, // 定义一个方法方 ...
Html+Css+js实现春节倒计时效果
效果图 HTML部分 <!DOCTYPE html><head><meta charset="UTF-8"><meta name=&quo ...
Html+Css+js实现春节倒计时效果（移动端和PC端）
目录前言导语效果预览 html部分移动端样式(mobile.css) pc端样式(style.css) js部分效果演示移动端 pc端总结下载地址前言我是歌谣我有个兄弟巅峰的时 ...
js脚本控制优酷播放器
给大家介绍种js脚本控制优酷播放器方法,网上的功能不完整,本人改进了一下,含播放,暂停,显示播放按钮,隐藏播放按钮,停止退出. html代码: <!DOCTYPE html> <ht ...

原生js春节倒计时@酷酷航

原生js春节倒计时@酷酷航相关推荐

最新文章

热门文章