setInterval() 和setTimeout()

一矩动、setInterval() 方法:

示例:

// 每隔三秒(3000 毫秒)彈出 "Hello" 
setInterval(function(){ alert("Hello"); }, 3000);

注意:setInterval() 方法會不停地調用函數(shù),直到 clearInterval() 被調用或窗口被關閉纯命,由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)争涌;

提示:1000 毫秒= 1 秒;

二音五、setTimeout()方法:

提示: 如果只想執(zhí)行一次可以使用 setTimeout() 方法惫撰;

<html>
<head>
<script type="text/javascript">
  var c=0
  var t
  function timedCount()
 {
  document.getElementById('txt').value=c
  c=c+1
  t=setTimeout("timedCount()",1000)
 }
  function stopCount()
 {
  clearTimeout(t)
 }
 </script>
</head>
<body>
<form>
  <input type="button" value="開始計時!" onClick="timedCount()">
  <input type="text" id="txt">
  <input type="button" value="停止計時躺涝!" onClick="stopCount()">
</form>
<p>
請點擊上面的“開始計時”按鈕润绎。輸入框會從 0 開始一直進行計時。點擊“停止計時”可停止計時诞挨。
</p>
</body>
</html>
計時
三莉撇、JS倒計時
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>js時分秒毫秒倒計時</title>
</head>

<body>
  <div>
    <span id="_d">00</span>
    <span id="_h">00</span>
    <span id="_m">00</span>
    <span id="_s">00</span>
    <span id="_ms">00</span>
  </div>
  <script type="text/javascript">
    function countTime() {
      var date = new Date();
      var now = date.getTime();
      var endDate = new Date("2018-10-01 00:00:00"); //設置截止時間
      var end = endDate.getTime();
      var leftTime = end - now; //時間差
      var d, h, m, s, ms;
      if (leftTime >= 0) {
        d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
        h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
        m = Math.floor(leftTime / 1000 / 60 % 60);
        s = Math.floor(leftTime / 1000 % 60);
        ms = Math.floor(leftTime % 1000);
        if (ms < 100) {
          ms = "0" + ms;
        }
        if (s < 10) {
          s = "0" + s;
        }
        if (m < 10) {
          m = "0" + m;
        }
        if (h < 10) {
          h = "0" + h;
        }
      } else {
        console.log('已截止')
      }
      //將倒計時賦值到div中
      document.getElementById("_d").innerHTML = d + "天";
      document.getElementById("_h").innerHTML = h + "時";
      document.getElementById("_m").innerHTML = m + "分";
      document.getElementById("_s").innerHTML = s + "秒";
      document.getElementById("_ms").innerHTML = ms + "毫秒";
      //遞歸每秒調用countTime方法,顯示動態(tài)時間效果
      setTimeout(countTime, 50);
    }

    countTime();
  </script>
</body>

</html>

倒計時

參考:https://blog.csdn.net/x550392236/article/details/78033423

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末惶傻,一起剝皮案震驚了整個濱河市棍郎,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌银室,老刑警劉巖涂佃,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蜈敢,居然都是意外死亡辜荠,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門抓狭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來伯病,“玉大人,你說我怎么就攤上這事否过∥绲眩” “怎么了惭蟋?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長药磺。 經(jīng)常有香客問我告组,道長,這世上最難降的妖魔是什么癌佩? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任木缝,我火速辦了婚禮,結果婚禮上围辙,老公的妹妹穿的比我還像新娘我碟。我一直安慰自己,他們只是感情好酌畜,可當我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布怎囚。 她就那樣靜靜地躺著,像睡著了一般桥胞。 火紅的嫁衣襯著肌膚如雪恳守。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天贩虾,我揣著相機與錄音催烘,去河邊找鬼。 笑死缎罢,一個胖子當著我的面吹牛伊群,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播策精,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼舰始,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了咽袜?” 一聲冷哼從身側響起丸卷,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎询刹,沒想到半個月后谜嫉,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡凹联,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年沐兰,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蔽挠。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡住闯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情寞秃,我是刑警寧澤斟叼,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布偶惠,位于F島的核電站春寿,受9級特大地震影響,放射性物質發(fā)生泄漏忽孽。R本人自食惡果不足惜绑改,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望兄一。 院中可真熱鬧厘线,春花似錦、人聲如沸出革。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽骂束。三九已至耳璧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間展箱,已是汗流浹背旨枯。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留混驰,地道東北人攀隔。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像栖榨,于是被迫代替她去往敵國和親昆汹。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容