国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

JS實現網站動態顯示倒計時教程

2024-09-06 12:41:21
字體:
來源:轉載
供稿:網友
這篇文章主要為大家詳細介紹了JS實現網站動態顯示倒計時教程,具有一定的參考價值,感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。

JS實現網站動態顯示倒計時,效果如下:

JS實現網站動態顯示倒計時教程

實現方法如下:

1、html部分

<span id="target"></span>

2、js部分 

// 為簡化。每月默認為30天; function getTimeString() {    var start = new Date();    var end = new Date(start.getFullYear() + 1, 0, 1);    var elapse = Math.floor((end - start) / 1000);    var seconds = elapse % 60 ;    var minutes = Math.floor(elapse / 60) % 60;    var hours = Math.floor(elapse / (60 * 60)) % 24;    var days = Math.floor(elapse / (60 * 60 * 24)) % 30;    var months = Math.floor(elapse / (60 * 60 * 24 * 30)) % 12;    var years = Math.floor(elapse / (60 * 60 * 24 * 30 * 12));    return start.getFullYear() + '年還剩' + years + '年' + months + '月' + days + '日'        + hours + '小時' + minutes + '分' + seconds + '秒';   } function domText(elem, text) {    if (text == undefined) {        if (elem.textContent) {            return elem.textContent;        } else if (elem.innerText) {            return elem.innerText;        }    } else {        if (elem.textContent) {            elem.textContent = text;        } else if (elem.innerText) {            elem.innerText = text;        } else {            elem.innerHTML = text;        }    }}var target = document.getElementById('target');setInterval(function () {    domText(target, getTimeString());}, 1000)

完成。

以上就是JS實現網站動態顯示倒計時教程的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 芦山县| 西和县| 花垣县| 康保县| 武隆县| 琼结县| 教育| 甘南县| 湖口县| 宝应县| 天峻县| 峡江县| 昭苏县| 龙岩市| 江口县| 图们市| 肃北| 沙田区| 轮台县| 玉田县| 蚌埠市| 白城市| 德化县| 友谊县| 修水县| 社会| 平罗县| 铜陵市| 海丰县| 伊春市| 通海县| 金川县| 玉树县| 弋阳县| 烟台市| 石家庄市| 德兴市| 台北县| 诸暨市| 克拉玛依市| 五台县|