快捷導(dǎo)航

簡單易用的倒計時js代碼

更新時間：2014年08月04日 09:11:38 投稿：whsnow

倒計時js代碼想必大家都有用過，大同小異，本例為大家介紹的是簡單易用的,需要的朋友可以參考下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>簡單易用的倒計時js代碼</title>
<style>
*{ margin:0; padding:0; list-style:none;}
body{ font-size:18px; text-align:center;}
.time{ height:30px; padding:200px;}
</style>
</head>
<body>
  <div class="time">
    <span id="t_d">00天</span>
    <span id="t_h">00時</span>
    <span id="t_m">00分</span>
    <span id="t_s">00秒</span>
  </div>
<script>
  function GetRTime(){
    var EndTime= new Date('2014/09/20 00:00:00');
    var NowTime = new Date();
    var t =EndTime.getTime() - NowTime.getTime();
    var d=0;
    var h=0;
    var m=0;
    var s=0;
    if(t>=0){
      d=Math.floor(t/1000/60/60/24);
      h=Math.floor(t/1000/60/60%24);
      m=Math.floor(t/1000/60%60);
      s=Math.floor(t/1000%60);
    }


    document.getElementById("t_d").innerHTML = d + "天";
    document.getElementById("t_h").innerHTML = h + "時";
    document.getElementById("t_m").innerHTML = m + "分";
    document.getElementById("t_s").innerHTML = s + "秒";
  }
  setInterval(GetRTime,0);
</script>

</body>
</html>

您可能感興趣的文章:

相關(guān)文章

JavaScript es6中var、let以及const三者區(qū)別案例詳解
這篇文章主要介紹了JavaScript es6中var、let以及const三者區(qū)別案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-08-08
Js與Jq獲取瀏覽器和對象值的方法
這篇文章主要介紹了 Js與Jq獲取瀏覽器和對象值的方法的相關(guān)資料,需要的朋友可以參考下
2016-03-03
bootstrap的工具提示實(shí)例代碼
Bootstrap 工具提示（Tooltip）插件當(dāng)您想要描述一個鏈接的時候，工具提示（Tooltip）就顯得非常有用。這篇文章通過實(shí)例代碼給大家介紹bootstrap的工具提示功能，需要的朋友參考下吧
2017-05-05
electron 引入node服務(wù)的操作方法
這篇文章主要介紹了electron 引入node服務(wù)的操作方法,引入node服務(wù)很簡單,直接在electron的主體中引入就可以了,對electron 引入node服務(wù)感興趣的朋友一起看看吧
2024-03-03
Js apply方法詳解
本文主要介紹了Js apply方法的相關(guān)知識，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
本窗口將在秒后自動關(guān)閉
本窗口將在秒后自動關(guān)閉...
2006-07-07
微信小程序自定義select下拉選項框的方法
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義select下拉選項框的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
D3.js實(shí)現(xiàn)餅圖,環(huán)圖,玫瑰圖的繪制
這篇文章主要為大家介紹了如何利用D3.js中的d3.pie和d3.arc實(shí)現(xiàn)餅圖、環(huán)圖和玫瑰圖的繪制，文中的實(shí)現(xiàn)方法講解詳細(xì)，感興趣的可以嘗試一下
2022-11-11
uniapp小程序?qū)崙?zhàn)之利用騰訊地圖獲取定位
使用uniapp是因為它是一個使用vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可以發(fā)布到ios,android,web以及各種小程序,快應(yīng)用等多個平臺,下面這篇文章主要給大家介紹了關(guān)于uniapp小程序?qū)崙?zhàn)之利用騰訊地圖獲取定位的相關(guān)資料,需要的朋友可以參考下
2023-02-02
用javascript做拖動布局的思路
這幾天不是很忙，就找了些拖動布局方面的資料看看，也學(xué)著寫了個拖動布局的效果，沒想到花了好多時間，七拼八湊，總算是把這個效果寫出來了。
2010-10-10