小程序-判斷一天的不同時間段顯示不同的內容


摘要

好吧,判斷一天的不同時間段顯示不同的內容又是在我的項目中的一個需求,沒辦法呀,容易忘,還是寫着吧

 

需求:1.把一天分為3個時間段,5:00-11:00    11:00-15:00   15:00-5:00

           2.不同的時間段頂部背景色顏色不同

onLoad:function(){

         var time = parseInt(new Data().getHours());    //返回小時數

          var times = 1;

          if(5 < time && time < 11){

               times = 1;

               console.log("早")

          }else if (11 <= time && time <15){

              times = 2;

               console.log("中")

          }else{

                times = 3;

                console.log("晚")

          }

          var that = this;

          switch (times){

                 case 1:

                           that.setData({ });

                          wx.setNavigationBarColor({      //用於動態設置手機頂部的背景顏色

                                   frontColor:"#ffffff",        //設置16進制的顏色值哦   必須寫的哦

                                   backgroundColor:"#ff0000"

                          });

                          break;

                 case 2:

                          that.setData({ });

                          wx.setNavigationBarColor({

                                   frontColor:"#ffffff",

                                   backgroundColor:"#ff0304"

                          });

                          break;

                default:

                             that.setData({ });

                             wx.setNavigationBarColor({

                                        frontColor:"#ffffff",

                                        backgroundColor:"#ff0304"

                              });

                             break;

           }

}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM