登录  |  注册
当前位置：网站首页 > 更多 > 站长帮 > 正文

[趣味代码] JS倒计时特效

作者：CC下载站 日期：2018-10-10 03:25:56 浏览：1733 分类：站长帮

这是一段灰常简单的倒计时JS特效代码

完整代码

<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title>限时倒计时-lanyou.vip</title>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
</style>
</head>
<body>
<h3>限时特卖:
<span class="timespan"></span>
</h3>
<script>
function count_down(){
//目标时间
var starttime =newDate("2018/8/20 12:08:00");
//当前时间
var nowtime =newDate();
//时间转换
var time = starttime - nowtime;
var day = parseInt(time /1000/60/60/24);
var hour = parseInt(time /1000/60/60%24);
var minute = parseInt(time /1000/60%60);
var seconds = parseInt(time /1000%60);
if(day ==0&& hour ==0&& minute ==0&& seconds ==0){
        clearTimeout(timer1);
        timer1 ==null;
        $('.timespan').html("活动结束");
}else{
        $('.timespan').html(day +"天"+ hour +"小时"+ minute +"分钟"+ seconds +"秒");
}
}
count_down();
var timer1 = setInterval(count_down,1000);
</script>
</body>
</html>


猜你还喜欢

您需要 登录账户 后才能发表评论

取消回复欢迎 你 发表评论:

精品推荐！
欢迎 访客 登录没有账号？
  • 最新文章
  • 热门文章
  • 热评文章
最新评论
热门tag
友情链接

关灯