亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS根據(jù)當(dāng)天不同時間顯示不同廣告的代碼

 更新時間:2023年02月09日 20:52:51   投稿:mdxy-dxy  
這篇文章主要介紹了JS根據(jù)當(dāng)天不同的時間段顯示不同廣告的代碼,可以精確到小時當(dāng)然如果分鐘都可以判斷出來,需要的朋友可以參考下

在逛一些商城類網(wǎng)站我們會發(fā)現(xiàn)很多商品秒殺廣告多少時間會自動切換下一個,想實現(xiàn)這種效果我們可以用js判斷當(dāng)天時間段來顯示不同廣告。

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:當(dāng)天上午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)文章

  • 微信小程序?qū)崿F(xiàn)九宮格翻牌動畫

    微信小程序?qū)崿F(xiàn)九宮格翻牌動畫

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)九宮格翻牌動畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • js遍歷詳解(forEach, map, for, for...in, for...of)

    js遍歷詳解(forEach, map, for, for...in, for...of)

    在本篇文章里小編給大家整理的是關(guān)于js中的各種遍歷(forEach, map, for, for...in, for...of)相關(guān)知識點用法總結(jié),需要的朋友們參考下。
    2019-08-08
  • js計算兩個時間差 天 時 分 秒 毫秒的代碼

    js計算兩個時間差 天 時 分 秒 毫秒的代碼

    這篇文章主要介紹了js計算兩個時間差 天 時 分 秒 毫秒的實例代碼,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值 ,需要的朋友可以參考下
    2019-05-05
  • JS運動特效之鏈?zhǔn)竭\動分析

    JS運動特效之鏈?zhǔn)竭\動分析

    這篇文章主要介紹了JS運動特效之鏈?zhǔn)竭\動,結(jié)合實例形式分析了javascript鏈?zhǔn)竭\動的原理與具體實現(xiàn)技巧,需要的朋友可以參考下
    2018-01-01
  • js實現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法

    js實現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法

    這篇文章主要介紹了js實現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法,涉及javascript對字符串正則判斷及數(shù)值大小判斷的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • js網(wǎng)頁中的(運行代碼)功能實現(xiàn)思路

    js網(wǎng)頁中的(運行代碼)功能實現(xiàn)思路

    網(wǎng)頁中的"運行代碼"是一個很方便的功能,可以直接看到代碼的效果,感興趣的朋友不妨參考下,或許對你學(xué)習(xí)js有所幫助,好了花不多說切入正題
    2013-02-02
  • javascript實現(xiàn)移動端輪播圖

    javascript實現(xiàn)移動端輪播圖

    這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)移動端輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-12-12
  • 一文了解你不知道的JavaScript閉包篇

    一文了解你不知道的JavaScript閉包篇

    這篇文章主要為大家詳細(xì)介紹了一些你不知道的JavaScript閉包相關(guān)知識,文中的示例代碼講解詳細(xì),對我們學(xué)習(xí)JavaScript有一定幫助,感興趣的可以跟隨小編一起學(xué)習(xí)一下
    2022-11-11
  • 判斷iframe是否加載完成的完美方法

    判斷iframe是否加載完成的完美方法

    一般來說,我們判斷 iframe 是否加載完成其實與 判斷JavaScript 文件是否加載完成 采用的方法很類似
    2010-01-01
  • javascript 中的圖像加載事件及問題解析

    javascript 中的圖像加載事件及問題解析

    本文將討論如何在JavaScript中處理 .onload 事件,我們將學(xué)習(xí)如何在上傳圖像后使用 JavaScript 創(chuàng)建警告框,需要的朋友可以參考下
    2023-07-07

最新評論