分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

商城倒计时JS怎么做

发布时间:2023-09-06 02:22责任编辑:董明明关键词:暂无标签

商城倒计时JS怎么做

<style type="text/css"> ??????div { ???????text-align: center; ???????color:#333; ???????font-size: 36px; ??????} ???</style></head><body> ???<div>距离2019年春节还有:<span>0</span>天<span>0</span>时<span>0</span>分<span>0</span>秒</div> ???<script type="text/javascript"> ????????var spans = document.getElementsByTagName("span"); ???????// 距离春节多少天多少时多少分多少秒 ???????var end = new Date("2019-2-5"); ???????????// 开启定时器 ???????setInterval(function(){ ???????????var now=new Date(); ???????????// alert(now); ???????????_ss=parseInt(diff(now,end)); ???????????// alert(_ss); ???????????_d=parseInt(_ss/(24*3600)); ???????????// alert(_d);( ???????????_h=parseInt(_ss%(24*3600)/3600); ???????????// alert(_h); ???????????_m=parseInt(_ss%3600/60); ???????????// alert(_m); ???????????_s=parseInt(_ss%60); ???????????// alert(_s); ??????????spans[0].innerHTML=toTwo(_d); ??????????spans[1].innerHTML=toTwo(_h); ??????????spans[2].innerHTML=toTwo(_m); ??????????spans[3].innerHTML=toTwo(_s); ???????},1000) ???????function diff(start,end){ ???????????return (end.getTime()-start.getTime())/1000 ???????} ???????function toTwo(num){ ???????????return num<10?"0"+num:num ???????} ???</script>

商城倒计时JS怎么做

原文地址:https://www.cnblogs.com/lxystar/p/9970736.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved