商城倒计时JS怎么做

商城倒计时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>

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

时间: 2024-08-02 09:41:24

商城倒计时JS怎么做的相关文章

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="免费获取验证码"

点击按钮出现60秒倒计时js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

.Net MVC&amp;&amp;datatables.js&amp;&amp;bootstrap做一个界面的CRUD有多简单

我们在项目开发中,做得最多的可能就是CRUD,那么我们如何在ASP.NET MVC中来做CRUD呢?如果说只是单纯实现功能,那自然是再简单不过了,可是我们要考虑如何来做得比较好维护比较好扩展,如何做得比较漂亮.做开发要有工匠精神,不要只求完成开发任务,那样的话,永远停留在只是简单的写业务逻辑代码水平,我们要做有追求的程序员.本来这么简单的东西,我真是懒得写,但是看到即便是一些工作了好些年的人,做东西也是只管实现功能,啥都不管,还有些界面css样式要么就硬编要么就毫无规则的在页面中进行穿插,遇到要

开发微信商城,该怎么做?

============问题描述============ 开发一个微信商城,可下订单,支付,该怎么做?步骤是怎么样的?  要注意些什么? ============解决方案1============ 语言不是重点,不过PHP很适合这个项目.我做过一个简单的,能够用微信搜索我的商城里的商品.输入部分用微信的接口很简单,用户输入"搜男装",我这边正则匹配搜*得出男装,往商城的搜索接口里一送,结果发回去就完事了.关键在与商城的搭建,如果你没有自己的商城程序的话,自己实现一个也并非难事.因为微信

商城系统开发:做个商城网站要多少钱?

广州网站建设专家米研网络指出:对于商城网站建设而言,需要考虑做个商城网站要多少钱,需要考虑商城网站建设的一些因素.企业想要在商城网站上有所获益,想要在电商时代通过商城网站去发展,就需要从多方面去了解商城网站的建设. 一.做个商城网站要多少钱 做个商城网站到底需要多少钱呢?如果只是想要做一个简单的网站,比如传统型的模板网站几千到几万的都有! 二.商城网站建设需要考虑到的因素 1.供应链 一般的企业都具有自身的供应链,这是做企业商城网站建设的基础之一.良好的供应链才能保证良好的货物与优质的产品,才能

验证码倒计时js

getVarify.js // 验证码计时--第一种 window.onload = function () { var send = document.getElementById('send'), //按钮ID times = 10, // 别忘了改这里 timer = null; send.onclick = function () { // 计时开始 send.disabled = true; timer = setInterval(function () { times--; if (

使用 three.js 来做球的 3d 特效

ui 在设计图中给了一张小球, 要求球做成旋转的效果 我一看这个不是有点 3 d 的效果吗. 并且这球之间的关系一点都不好构建啊. 于是我在脑内构建了非常炫酷的效果. 但是苦于没有思路 后来在群里问群友, 群友给了一个思路, 于是我在网上找到了一篇关于腾讯前端设计高的粒子特效. 文章放在这里 (https://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201704/577405.shtml) 从这篇文章来看, 是先

JS定时器做物体运动

JS定时器是函数 setInterval(函数体/函数名  , 时间) 清楚定时器 clearInterval(函数) 时间单位(毫秒) 1000毫秒  = 1秒 首先我们要知道用JS定时器能干什么?定时器的原理是什么? 我的理解为,定时器是能让一个物体根据规定的时间做规定的移动,而物体运动是怎样的效果呢?你可以理解为一个人走路,要走到某个位置,要走到这个位置肯定是一步步移动才能达到,而不是瞬间就到达的,所以定时器的作用更像是让物体像人一样走到相应的位置 比如: 规定一个横形状方块,其中包裹一个

用js效果做的简单焦点图

/*js代码*/ <script src="js/js/myfocus-2.0.1.min.js" type="text/javascript"></script> /*选择需要的效果*/ <script src="js/js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href=&quo