网站建设

让DIV标签动起来,右侧开学倒计时代码分享

让DIV标签动起来,右侧开学倒计时代码分享

今天更新了侧边栏的倒计时模块,顺便把代码分享出来给大家,因为看到师父的网站有个这个功能,刚刚开始的时候想偷师父网站的源码,结果发现师父写在另外的文件,网页源文件就偷不到,然后想想结合自己所学,也写了一个简单的倒计时代码,原理就是利用JS让div标签动起来,写法很简单,想送给那些还不太懂的初学者。希望能对你们有用。让DIV标签动起来,右侧开学倒计时代码分享


代码部分

<script  type="text/javascript">
function ShowTimes(){
var AfterTime= new Date("2021/05/25 00:00:00");//活动截止时间
LeaveTime = AfterTime - new Date();
LeaveDays=Math.floor(LeaveTime/(1000*60*60*24));//天
LeaveHours=Math.floor(LeaveTime/(1000*60*60)%24);//时
LeaveMinutes=Math.floor(LeaveTime/(1000*60)%60);//分
LeaveSeconds=Math.floor(LeaveTime/1000%60);//秒
var c=new Date();
daojishi.innerHTML="离活动结束仅剩:"+LeaveDays+"天"+LeaveHours+"时"+LeaveMinutes+"分"+LeaveSeconds+"秒";
}
setInterval(ShowTimes,10);
</script>
     <div style="text-align:center;" ><span id="daojishi">倒计时例子</span></div>
</body>
张啸天
张啸天 前行的路充满未知,不努力尝试,永远都不知道有多精彩。

发表评论

已有 4 条评论
  1. wys
    wys

    好美的表情。再来点,,,

  2. 帅气的学弟
    帅气的学弟

    学长np

  3. 啊哈哈,正经人谁手敲代码啊,我选择复制粘贴