zoukankan      html  css  js  c++  java
  • 基础

    重复调用的定时器

    var timer = null;

    if (timer) clearInterval(timer);
    fun();
    timer = setInterval(fun,1000);
    function fun(){

    }
    if (timer) clearInterval(timer);
    
    
    只调用一次的定时器
    setTimeout(function () {

    },5000);
    
    
     

    倒计时
    window.onload = function () {

    var oOldDate = new Date("2016/8/8 23:30:30");
    var oNewDate = new Date("2016/8/9 00:00:00");
    var nChaZhi = oNewDate.getTime()-oOldDate.getTime();
    var chaMiao = 1000;
    var chaFen = chaMiao*60;
    var chaShi = chaFen*60;

    var timer = null;
    if (timer) clearInterval(timer);
    funShowTime();
    timer = setInterval(funShowTime,1000);
    function funShowTime(){
    nChaZhi-=1000;
    var miao = parseInt(nChaZhi%chaFen/chaMiao);
    var fen = parseInt(nChaZhi%chaShi/chaFen);
    var shi = parseInt(nChaZhi/chaShi);
    console.log(shi+""+fen+""+miao+"");
    if (nChaZhi==0){
    if (timer) clearInterval(timer);
    }
    }

    }
     
    短信倒计时
    <div id="box" class="box">
    <input type="text" />
    <button>点击发送短信</button>
    </div>


    * {
    margin: 0;
    padding: 0;
    }
    .box {
    margin: 100px 100px;
    }
     
    window.onload = function () {

    var oBox = document.getElementById("box");
    var oInput = oBox.getElementsByTagName("input")[0];
    var oButton = oBox.getElementsByTagName("button")[0];

    var timer = null;
    oButton.onclick = function() {
    var nChaZhi = 10;

    var that = this;
    if (timer) clearInterval(timer);
    funSendMessage();
    timer = setInterval(funSendMessage,1000);
    function funSendMessage(){
    if (nChaZhi>=0) {
    that.disabled = nChaZhi;
    that.innerHTML = "剩余"+nChaZhi+"";
    if (nChaZhi==0){
    that.innerHTML = "重新发送短信";
    if (timer) clearInterval(timer);
    }
    }
    nChaZhi--;
    }
    }

    }
    
    
     
  • 相关阅读:
    大话设计模式-原型模式
    Unity3D实习生面试题总结-图形学相关
    UnityShader入门精要-渲染流水线
    大话设计模式-工厂方法模式
    大话设计模式-代理模式
    C#中的值类型和引用类型
    【树结构】树链剖分简单分析
    HEOI2016排序-解题报告
    普通筛法时间界的证明
    可持久化线段树
  • 原文地址:https://www.cnblogs.com/WeWeZhang/p/5747755.html
Copyright © 2011-2022 走看看