国产探花免费观看_亚洲丰满少妇自慰呻吟_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實現網站動態顯示倒計時教程的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 扬中市| 玛纳斯县| 肃北| 宜阳县| 察哈| 丽江市| 卫辉市| 岚皋县| 尼勒克县| 尚志市| 望奎县| 松阳县| 余姚市| 太湖县| 潞西市| 沙坪坝区| 南昌市| 金湖县| 嫩江县| 临海市| 新宾| 图们市| 怀宁县| 娄底市| 灌南县| 福安市| 高陵县| 秀山| 徐州市| 太仓市| 印江| 兰坪| 景德镇市| 太白县| 扶风县| 邢台县| 油尖旺区| 浦北县| 河间市| 会同县| 贵阳市|