JS根據(jù)當天不同時間顯示不同廣告的代碼
更新時間：2023年02月09日 20:52:51 投稿：mdxy-dxy
這篇文章主要介紹了JS根據(jù)當天不同的時間段顯示不同廣告的代碼，可以精確到小時當然如果分鐘都可以判斷出來,需要的朋友可以參考下
在逛一些商城類網(wǎng)站我們會發(fā)現(xiàn)很多商品秒殺廣告多少時間會自動切換下一個，想實現(xiàn)這種效果我們可以用js判斷當天時間段來顯示不同廣告。
var h = new Date().getHours();
var t = "";
if(h >= 6 && h <= 12){
t = "廣告1";
}else if(h >= 14 && h <= 20){
t = "廣告2";
}
else if(h >= 21 || h <= 6){
t = "廣告3";
}
document.getElementById('time_ads').innerHTML = t;PS：當天上午6點到12點顯示廣告1，下午14點到20點顯示廣告2，晚上19點到次日6點顯示廣告3
代碼二
<script type="text/javascript">
var h = new Date().getHours();
var t = "";
if(h >= 7 && h <= 13){
t = "<div class='inde_t_ad'><a target='_blank' rel='nofollow'><img src='/skin/add/a1.jpg' border='0' /></a></div>";
}else if(h >= 14 && h <= 20){
t = "廣告2";
}
else if(h >= 21 || h <= 6){
t = "廣告3";
}
document.getElementById('time_ads').innerHTML = t;
</script>廣告代碼分時段顯示
早7點到13點顯示廣告1
14點到20點顯示廣告2
19點到次日6點顯示廣告3
測試時可以調(diào)整電腦時間。
相關(guān)文章
這篇文章主要為大家詳細介紹了移動端觸摸滑動插件swiper的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了詳解webpack 多頁面/入口支持&公共組件單獨打包,具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了如何在 JavaScript 數(shù)組中插入元素,在本文中,我們學習了使用?splice()?方法將元素添加到數(shù)組的開始、末尾或任何位置的各種方法,需要的朋友可以參考下2023-09-09
你不知道的 TypeScript 高級類型(小結(jié))
這篇文章主要介紹了你不知道的 TypeScript 高級類型(小結(jié))，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
JS實現(xiàn)點擊表頭表格自動排序（含數(shù)字、字符串、日期）
這篇文章主要介紹了利用JS如何實現(xiàn)點擊表頭后表格自動排序，其中包含數(shù)字排序、字符串排序以及日期格式的排序，文中給出了完整的示例代碼，相信對大家具有一定的參考價值，感興趣的朋友們一起來看看吧。2017-01-01
這篇文章主要為大家詳細介紹了小程序開發(fā)之模態(tài)框組件封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
document.write()及其輸出內(nèi)容的樣式、位置控制
document.write（），用于簡單的打印內(nèi)容到頁面上，可以逐字打印你需要的內(nèi)容，既然可以輸出變量，肯定會想要去控制下變量的顯示，比如位置以及樣式2013-08-08
前端Webpack配置之eval-source-map使用方法
eval-source-map 是 Webpack 中 devtool 選項的一種模式,它提供了一種內(nèi)聯(lián) Source Map 的方式,用于開發(fā)環(huán)境中的源代碼映射,這篇文章主要介紹了前端Webpack配置之eval-source-map使用方法,需要的朋友可以參考下2024-12-12
這篇文章主要介紹了js獲取當前時間，一種是獲取昨天、今天、明天的準確時間，一個精確到時分秒,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了iscroll實現(xiàn)下拉刷新功能的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07