最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js簡單倒計時實現(xiàn)代碼

 更新時間:2016年04月30日 11:30:21   作者:果凍  
這篇文章主要介紹了js簡單倒計時實現(xiàn)代碼,涉及JavaScript時間與日期的相關(guān)運算技巧,需要的朋友可以參考下

本文實例講述了js簡單倒計時實現(xiàn)代碼。分享給大家供大家參考,具體如下:

<div class="time">
 距離活動結(jié)束還有<span id="day"></span>天
 <span id="hours"></span>小時
 <span id="min"></span>分
 <span id="sec"></span>秒
</div>
<script type="text/javascript">
var day = document.getElementById("day");
var hours = document.getElementById("hours");
var min = document.getElementById("min");
var sec = document.getElementById("sec");
var DifferenceHour = -1;
var DifferenceMinute = -1;
var DifferenceSecond = -1;
//var Tday = new Date("07 20,2016 10:00:00")  //**倒計時時間點-注意格式
var Tday = new Date("07/20/2016 10:00:00");  //IE:月/日/年
var daysms = 24 * 60 * 60 * 1000;
var hoursms = 60 * 60 * 1000;
var Secondms = 60 * 1000;
var microsecond = 1000;
function clock () {
 var time = new Date();
 var hour = time.getHours();
 var minute = time.getMinutes();
 var second = time.getSeconds();
 var timevalue = "" + ((hour > 12) ? hour-12:hour);
 timevalue += ((minute < 10) ? ":0":":") + minute;
 timevalue += ((second < 10) ? ":0":":") + second;
 timevalue += ((hour > 12) ? " PM":" AM");
 // document.formnow.now.value = timevalue
 var convertHour = DifferenceHour;
 var convertMinute = DifferenceMinute;
 var convertSecond = DifferenceSecond;
 var Diffms = Tday.getTime() - time.getTime();
 DifferenceHour = Math.floor(Diffms / daysms);
 Diffms -= DifferenceHour * daysms;
 DifferenceMinute = Math.floor(Diffms / hoursms);
 Diffms -= DifferenceMinute * hoursms;
 DifferenceSecond = Math.floor(Diffms / Secondms);
 Diffms -= DifferenceSecond * Secondms;
 var dSecs = Math.floor(Diffms / microsecond);
 if (convertHour != DifferenceHour) {
 day.innerHTML = DifferenceHour;
 }
 if (convertMinute != DifferenceMinute) {
 hours.innerHTML = DifferenceMinute;
 }
 if (convertSecond != DifferenceSecond) {
 min.innerHTML = DifferenceSecond;
 }
 sec.innerHTML = dSecs;
 // document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
 setTimeout("clock()", 1000);
}
clock();
</script>

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript時間與日期操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • JavaScript數(shù)組排序reverse()和sort()方法詳解

    JavaScript數(shù)組排序reverse()和sort()方法詳解

    這篇文章主要介紹了JavaScript數(shù)組排序reverse()和sort()方法詳解,需要的朋友可以參考下
    2017-12-12
  • 使用Chart.js圖表庫制作漂亮的響應(yīng)式表單

    使用Chart.js圖表庫制作漂亮的響應(yīng)式表單

    數(shù)據(jù)包圍著我們。雖然搜索引擎和其他應(yīng)用都對基于文本方式表示的數(shù)據(jù)偏愛有加,但人們發(fā)現(xiàn)可視化是更容易理解的一種方式。今年初,SitePoint 發(fā)表了 Aurelio 的文章《 Chart.js簡介》。在深入研究 Chart.js 的功能后,本文將會講解這篇簡介的一些重點。
    2015-10-10
  • 深入理解JavaScript和TypeScript中的class

    深入理解JavaScript和TypeScript中的class

    class 聲明創(chuàng)建一個基于原型繼承的具有給定名稱的新類,下面這篇文章主要給大家介紹了關(guān)于JavaScript和TypeScript中class的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下。
    2018-04-04
  • fullPage.js和CSS3實現(xiàn)全屏滾動效果

    fullPage.js和CSS3實現(xiàn)全屏滾動效果

    這篇文章主要為大家詳細介紹了fullPage.js和CSS3實現(xiàn)全屏滾動效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • js 判斷登錄界面的賬號密碼是否為空

    js 判斷登錄界面的賬號密碼是否為空

    本文主要介紹了利用display的none與block判斷登錄界面的賬號密碼是否為空的方法。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • mui js控制開關(guān)狀態(tài)、修改switch開關(guān)的值方法

    mui js控制開關(guān)狀態(tài)、修改switch開關(guān)的值方法

    今天小編就為大家分享一篇mui js控制開關(guān)狀態(tài)、修改switch開關(guān)的值方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • js實現(xiàn)密碼強度檢測【附示例】

    js實現(xiàn)密碼強度檢測【附示例】

    下面小編就為大家?guī)硪黄猨s實現(xiàn)密碼強度檢測【附示例】。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-03-03
  • js代碼實現(xiàn)下拉菜單【推薦】

    js代碼實現(xiàn)下拉菜單【推薦】

    本篇文章主要分享了js代碼實現(xiàn)下拉菜單的代碼,可復(fù)制直接運行看效果,具有很好的參考價值,跟小編一起來看下吧
    2016-12-12
  • input輸入框的自動匹配(原生代碼)

    input輸入框的自動匹配(原生代碼)

    功能要求:使用原生代碼實現(xiàn),不可使用任何框架、只針對英文字符進行匹配,并且匹配到的內(nèi)容在菜單中加粗、通過鍵盤上的上下箭頭可以對菜單進行選擇等等,感興趣的你可以參考下
    2013-03-03
  • uniapp實現(xiàn)上拉加載更多功能的全過程

    uniapp實現(xiàn)上拉加載更多功能的全過程

    我們在項目中經(jīng)常使用到上拉加載更多,下面這篇文章主要給大家介紹了關(guān)于uniapp實現(xiàn)上拉加載更多功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-10-10

最新評論

南华县| 丹东市| 抚宁县| 广东省| 云阳县| 西乌珠穆沁旗| 盘锦市| 旬阳县| 岱山县| 桂东县| 宜君县| 托里县| 馆陶县| 柞水县| 公主岭市| 田阳县| 泰安市| 福安市| 淄博市| 莒南县| 赤城县| 湾仔区| 岚皋县| 余江县| 五莲县| 时尚| 弥勒县| 镇康县| 定兴县| 沙雅县| 吉木乃县| 合水县| 东安县| 定襄县| 万山特区| 屏东市| 沙坪坝区| 政和县| 吉木萨尔县| 米脂县| 卓尼县|