<!doctype html>

      <html>

        <head>

          <meta charset="utf-8">

          <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

          <title>发送短信倒计时DEMO</title>

          <script src="jquery.min.js"></script>

        </head>

        <body style="padding:20px;">

          <span class="djs">clike me </span>

        </body>

        <script>

            var status = 1

            var seconds = 10

            var timeInterval

            function timeover(){

                $(".djs").html(seconds + "秒")

                seconds--

                if (seconds < 0) {

                    status = 1

                    seconds = 10

                    clearInterval(timeInterval)

                    $(".djs").html("clike me")

                }

            }

            $(function(){

                $(".djs").click(function(){

                    if(status == 0){

                        // 正在处理 - 锁定阶段

                        return

                    }

                    status = 0

                    timeInterval = setInterval("timeover()", 1000)

                })

            })

        </script>

      </html>

<!doctype html>

      <html>

        <head>

          <meta charset="utf-8">

          <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

          <title>秒杀倒计时</title>

          <script src="jquery.min.js"></script>

        </head>

        <body style="padding:20px;">

          <span class="showtime"> </span>

        </body>

        <script>

             // 当天0点

            var zerotime = new Date(new Date().toLocaleDateString()).getTime()

            // 当天11点

            var time1 = zerotime + 11 * 60 * 60 * 1000 - 1;

            // 当天15点

            var time2 = zerotime + 15 * 60 * 60 * 1000 - 1;

            // 当天20点

            var time3 = zerotime + 20 * 60 * 60 * 1000 - 1;

            // 第二天11点

            var time4 = zerotime + 34 * 60 * 60 * 1000 - 1;

            var currenttime

            var lefttime = 0

            setInterval("timeover()", 1000)

            function timeover(){

                currenttime = new Date().getTime()

                if(currenttime < time1) {

                    lefttime = time1 - currenttime

                } else if(currenttime < time2) {

                    lefttime = time2 - currenttime

                } else if(currenttime < time3) {

                    lefttime = time3 - currenttime

                } else if(currenttime < time4) {

                    lefttime = time4 - currenttime

                }

                lefttime = lefttime/1000

                var result = formatSeconds(lefttime)

                $(".showtime").html(result[0] + ":" + result[1] + ":" + result[2])

            }

            function formatSeconds(value) {

                var secondTime = parseInt(value);// 秒

                var minuteTime = 0;// 分

                var hourTime = 0;// 小时

                if(secondTime > 60) {//如果秒数大于60，将秒数转换成整数

                    //获取分钟，除以60取整数，得到整数分钟

                    minuteTime = parseInt(secondTime / 60);

                    //获取秒数，秒数取佘，得到整数秒数

                    secondTime = parseInt(secondTime % 60);

                    //如果分钟大于60，将分钟转换成小时

                    if(minuteTime > 60) {

                        //获取小时，获取分钟除以60，得到整数小时

                        hourTime = parseInt(minuteTime / 60);

                        //获取小时后取佘的分，获取分钟除以60取佘的分

                        minuteTime = parseInt(minuteTime % 60);

                    }

                }

                var array = []

                var hour = parseInt(hourTime) > 9 ? parseInt(hourTime) : "0"+parseInt(hourTime)

                var minut = parseInt(minuteTime) > 9 ? parseInt(minuteTime) : "0"+parseInt(minuteTime)

                var second = parseInt(secondTime) > 9 ? parseInt(secondTime) : "0"+parseInt(secondTime)

                array.push(hour)

                array.push(minut)

                array.push(second)

                return array;

            }

        </script>

      </html>

注意： 需要引入JQUERY

js 发送短信倒计时、秒杀倒计时实现代码的更多相关文章

  1. js 发送短信验证码倒计时

    html <input type="button" id="btn" value="免费获取验证码" onclick="se ...

  2. JS——实现短信验证码的倒计时功能（没有验证码，只有倒计时）

    1.功能描述 当用户想要获取验证码时,就点击 免费获取验证码 ,然后开始倒计时,倒计时期间按钮文字为剩余时间x秒,且不可按状态,倒计时结束后,按钮更改为点击重新发送. 2.分析 必须用到定时器.按钮点 ...

  3. JS发送短信验证码

    <div> <input type="tel" id="mobile" name="mobile" placeholder ...

  4. 发送短信——java

    闲来无事研究一下调用第三方接口发送短信的技术 这一次我们使用阿里的短信服务 一.进行平台相关服务的注册和设置 下面请参照阿里的短信服务文档进行设置,只要按照文档步骤来差不多30分钟就能搞定服务注册: ...

  5. android: 接收和发送短信

    8.2    接收和发送短信 收发短信应该是每个手机最基本的功能之一了,即使是许多年前的老手机也都会具备这 项功能,而 Android 作为出色的智能手机操作系统,自然也少不了在这方面的支持.每个 A ...

  6. PHP发送短信如何实现？

    最近要用php发送和接收短信,用户订单要用短信通知一类的功能,网上看了好多短信平台感觉都不靠谱. 也测试了很多代码,下面把几款PHP发送短信好用的分享给大家: PHP发送短信方法一(比较好,推荐) / ...

  7. 使用python移动飞信模块发送短信

    作者:miaoo 1.应用场景 由于自己做的一个系统需要用到发送短信到自己手机的功能,于是搜索了一下,发现了一个通过移动飞信通道发送短信开源库:PyFetion PyFetion 模拟实现了飞信的通信 ...

  8. jQuery实现倒计时重新发送短信验证码功能示例

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  9. 6.短信验证码60s倒计时

    短信验证码60s倒计时 html: <input type="button"  class="btn btn-primary" value="免 ...

随机推荐

  1. LeetCode算法题-Toeplitz Matrix（Java实现）

    这是悦乐书的第312次更新,第333篇原创 01 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第181题(顺位题号是766).如果从左上角到右下角的每个对角线具有相同的元素,则矩阵是 ...

  2. Python算法与数据结构--求所有子数组的和的最大值

    Python算法与数据结构--求所有子数组的和的最大值 玄魂工作室-玄魂 玄魂工作室秘书 玄魂工作室 昨天 题目:输入一个整形数组,数组里有正数也有负数.数组中连续的一个或多个整数组成一个子数组,每个 ...

  3. 从壹开始微服务 [ DDD ] 之七 ║项目第一次实现 & CQRS初探

    前言 哈喽大家周五好,我们又见面了,感谢大家在这个周五读我的文章,经过了三周的时间,当然每周两篇的速度的情况下,咱们简单说了下DDD领域驱动设计的第一部分,主要包括了,<项目入门DDD架构浅析& ...

  4. Python爬虫入门教程 43-100 百思不得姐APP数据-手机APP爬虫部分

    1. Python爬虫入门教程 爬取背景 2019年1月10日深夜,打开了百思不得姐APP,想了一下是否可以爬呢?不自觉的安装到了夜神模拟器里面.这个APP还是比较有名和有意思的. 下面是百思不得姐的 ...

  5. Kubernetes的DaemonSet（上篇）

    背景 静儿作为美团容器化团队HULK的一员,经常需要和Kubernetes(k8s)打交道.第一次登陆node(宿主机)的时候,发现连续登陆几台都看到了Prometheus-Node-Exporter ...

  6. Java~关于开发工具和包包

    大叔也学java了,距离上学时接触的java已经有10多年了,看着确实有些陌生了,不过还是希望学学,感受一下这个当今最牛X的语言!开发工具IDE对于一个语言来说是很必要的,就是Csharp使用vs一样 ...

  7. .NET Core 2.2 新增部分功能使用尝鲜

    前言     美国当地时间12月4日,微软2019开发者大会中发布了一系列的重磅消息,包含了软硬件和开源社区的各种好消息是铺天盖地,作为一名普通的开发者,我第一时间下载了 .NET Core 2.2 ...

  8. 图像检索(3):BoW实现

    在上一篇文章中图像检索(2):均值聚类-构建BoF中,简略的介绍了基于sift特征点的BoW模型的构建,以及基于轻量级开源库vlfeat的一个简单实现. 本文重新梳理了一下BoW模型,并给出不同的实现 ...

  9. Python编程从入门到实践笔记——列表简介

    Python编程从入门到实践笔记——列表简介 #coding=utf-8 #列表——我的理解等于C语言和Java中的数组 bicycles = ["trek","cann ...

  10. keil教程之新建软件工程

    前言 工欲善其事,必先利其器.要学好52单片机,就要会用keil写程序.不然,谈何学习单片机.下面介绍keil的使用. keil简介 Keil C51是美国Keil Software公司出品的51系列 ...