2. 程式人生 > >百度前端技術學院：第二十五天到第二十七天 倒數開始 滴答滴 滴答滴

百度前端技術學院：第二十五天到第二十七天 倒數開始 滴答滴 滴答滴

阿新 • • 發佈：2018-12-09
var year=document.getElementById("year-select"); var month=document.getElementById("month-select"); var day=document.getElementById("day-select"); var hour=document.getElementById("hour-select"); var minute=document.getElementById("minite-select"
); var second=document.getElementById("second-select"); var result=document.getElementById("result-wrapper"); var changeDD = 1;//->一個全域性變數 //初始化為現在時間 function YYYYMMDDstart() { MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; //先給年下拉框賦內容
var y = new Date().getFullYear(); for (var i = (y - 47); i < (y + 21); i++) {//以今年為準，前30年，後30年 year.options.add(new Option(" " + i + " 年", i)); } //賦月份的下拉框 for (var i = 1; i < 13; i++){ month.options.add(new Option(" " + i + " 月", i)); } //小時下拉框
for(var i=1;i<=24;i++){ hour.options.add(new Option(i)); } //分鐘下拉框 for(var i=1;i<=60;i++){ minute.options.add(new Option(i)); } //秒下拉框 for(var i=1;i<=60;i++){ second.options.add(new Option(i)); } /* year.value = y; month.value = new Date().getMonth() + 1; var n = MonHead[new Date().getMonth()]; if (new Date().getMonth() == 1 && IsPinYear(year.value)) n++; writeDay(n); //賦日期下拉框 //->賦值給日，為當天日期 day.value = new Date().getDate(); */ } function writeDay(n) //據條件寫日期的下拉框 { var e = day; optionsClear(e); for (var i = 1; i < (n + 1); i++) { e.options.add(new Option(" " + i + " 日", i)); if(i == changeDD){ e.options[i].selected = true; //->保持選中狀態 } } console.log(i); console.log(changeDD); } function IsPinYear(year) //判斷是否閏平年 { return (0 == year % 4 && (year % 100 != 0 || year % 400 == 0)); } //改變日下拉框 day.onchange=function DDD(){ changeDD = day.value; } function optionsClear(e) { e.options.length = 1; } //年發生變化時日期發生變化(主要是判斷閏平年) year.onchange=function(){ var MMvalue = month.options[month.selectedIndex].value; if (MMvalue == "") { var e = day; optionsClear(e); return; } var n = MonHead[MMvalue - 1]; if (MMvalue == 2 && IsPinYear(year.value)) n++; writeDay(n) } //月發生變化時日期聯動 month.onchange=function(){ var YYYYvalue = year.options[year.selectedIndex].value; console.log(YYYYvalue); if (YYYYvalue == "") { var e = day; optionsClear(e); return; } console.log(month.value); var n = MonHead[month.value - 1]; console.log(n); if (month.value == 2 && IsPinYear(YYYYvalue)) n++; writeDay(n) } if (document.attachEvent) window.attachEvent("onload", YYYYMMDDstart); else window.addEventListener('load', YYYYMMDDstart, false); function checkTime(x) { if (x < 10) { x = "0" + x; } return x; } function getTimeSelect(){ var str=year.value+"-"+month.value+"-"+day.value; var timeSelect=new Date(str); return year.value+"年"+checkTime(month.value)+"月"+checkTime(day.value)+"日"+getWeekday(timeSelect.getDay())+" "+checkTime(hour.value)+":"+checkTime(minute.value)+":"+checkTime(second.value); } function getWeekday(a){ var week=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; weekday=week[a]; return weekday; } function distance(){ var now=new Date(); var timeSelectStr = year.value + "/" + month.value + "/" + day.value + " " + hour.value + ":" + minute.value + ":" + second.value; var SelectTime=new Date(timeSelectStr); var secondDistance=now.getTime()-SelectTime.getTime(); var str; if (secondDistance < 0) { secondDistance = -secondDistance; str = " 還有"; } else { str = " 已經過去"; } var daym = secondDistance / 86400000; var hourm = (secondDistance % 86400000) / 3600000; var minutem = ((secondDistance % 86400000) % 3600000) / 60000; var secondm = (((secondDistance % 86400000) % 3600000) % 60000) / 1000; return str + parseInt(daym) + "天" + parseInt(hourm) + "小時" + parseInt(minutem) + "分" + parseInt(secondm) + "秒"; } function showDate(){ result.innerHTML="現在距離"+ getTimeSelect() + distance(); } setInterval(showDate,1000);

相關推薦

百度前端技術學院：第二十五天到第二十七天 倒數開始 滴答滴 滴答滴

var year=document.getElementById("year-select"); var month=document.getElementById("month-select"); var day=document.g

百度前端技術學院：第三十一到第三十三天：我是精明的小賣家（一）

var regionGroup = document.getElementById("region-radio-wrapper"); var productGroup = document.getElementById("product-radio-wrapper");

IFE百度前端技術學院4/24/2018

結果 sheet terms 自然 spa 外部 for link 等價 day1: day2: 好的簡歷： 你可以參考自己的簡歷內容，也可以參考網上一些熱門簡歷內容，比如 羨轍 的簡歷（她簡歷的樣式每年校招簡歷總能看見很多人在復用，所以，希望大家以後做簡歷的時候換個樣式吧

百度前端技術學院--CSS佈局例項

CSS背景圖片佈局 <!doctype html><html><body>...Your content goes here...</body></html>　　給body標籤指定背景圖，這樣背景圖就可以填充整個瀏覽器viewport了。　　其實，

百度前端技術學院（二）給自己做一個線上簡歷吧

一、製作線上簡歷 二、小問題 HTML是什麼，HTML5是什麼？ HTML(Htper Text Markup Language)超文字標記語言，不是程式語言，而是一種標記語言，標記語言是一套標記標籤，HTML使用標記標籤來描述網頁。 HTML5是最新的HTML標

百度前端學院參考答案：第二十五天到第二十七天 倒數開始 滴答滴 滴答滴（1）

編碼 我們現在來做一個最簡單的時鐘，通過小練習來學習 Date，複習定時，然後再練習一下函式的封裝具體需求如下： 在頁面中顯示當前日期及時間，按秒更新 格式為 YYYY 年 MM 月 DD 日 星期 D HH:mm:ss 注意位數的補齊，比如：-- 假設時間為2008年10月10日星期一的1

百度前端學院-基礎學院-第七天到第八天

相同 自己的 http 視口 you css align 其他 知識點 第五天到第六天的內容沒有記筆記，不好不好。 第七天到第八天的學習目標是：學習布局的各種方式。主要包含position相關和Flexbox相關。 知識點： 1、默認情況下，塊級元素的內容寬度是其父元素的寬

百度前端學院-基礎學院-第吳課/第六課

bubuko doc 長度 borde href developer mar 例如 特殊 今天是一個跨天的任務，學習目標是：掌握CSS盒模型及Float； 盒模型要點： 如果盒子的高度被設置為百分比長度，那麽盒子高度不會遵循這個設置了的百分比長度，而是總會采用盒子內容的高

百度前端學院學習Day2

前言       昨天，瞭解了Web開發的基本原理，使用html製作了簡易的簡歷，以及編寫css為文字和字型新增屬性。 4.背景、邊框、列表、連結和選擇器 目標       掌握CSS稍複雜的選擇器，還有背景、邊框等樣式屬性。 閱讀 編碼 #head

百度前端學院學習Day3

前言      之前初步瞭解了盒模式的概念，現在來學習如何佈局。 7、8：學習佈局 目標      學習佈局的各種方式 閱讀 編碼 分別嘗試使用Float、Position或者Flexbox來實現如下需求： 實現一個兩欄佈局，左側佔30%寬度，右側佔7

百度前端學院學習DAY1

9、10：做一個網站 目標      將一個設計稿轉化為網頁，通過這個過程學習各種css知識。 閱讀 按照設計師提供的設計稿，實現HTML頁面，需要將設計稿切分成為最終在頁面中呈現的一個個圖片，我們一般稱之為“切圖”，在不同公司，切圖的工作可能是不同職位做，可能是

前端自學旅程（關於百度前端學院的）

Wandering Saint 一個畢業於不入流的二本大學的學生的前端旅程： 名字：Wandering Saint 專業：天馬行空 愛好：音樂 美術 讀書 最喜歡的歌手：許巍 擅長的樂器：吉他 未來的職業規劃：做一個天馬行空的前端程式猿 人生信仰：還沒出現

百度前端學院學習DAY05 and DAY06--三種簡歷

百度前端學院學習DAY05 and DAY06 第五天和第六天 三種簡歷 課程目標 通過閱讀及一個小型練習，掌握 CSS 盒模型及通過Float進行簡單的佈局 課程描述 閱讀 今天我們要學習非常重要的一些知識，這些知識會伴隨著你的前端

百度全站 https FAQ：技術宅告訴你如何搜尋更安全

百度從 14 年開始對外開放了 https 的訪問，並於 3 月初正式對全網使用者進行了 https 跳轉。 你也許會問，切換就切換唄，和我有啥關係？我平常用百度還不是照常順順當當的，沒感覺到什麼切換。 話說，平常我們呼吸空氣也順順溜溜的，沒有什麼感覺，但要是沒有了空氣，那

百度Apollo計劃跟蹤：深度解析Apollo無人車感知和定位技術

有關無人車的定位有兩種，一種稱之為絕對定位，不依賴任何參照物，直接給出無人車相對地球座標或者說WGS84座標系，也就是座標（B,L,H），其中B為緯度，L為經度，H為大地高即是到WGS-84橢球面的高度, WGS-84座標系是美國國防部研製確定的大地座標系，是一種協議地球座標

百度前端學院第17到18天和第16天的作業

終於學JavaScript了！ 陣列的相關引數 陣列shift刪除第一個元素，pop刪除最後一個元素，返回的都是刪除的元素,unshift在開頭增加一個元素，push在結尾增加元素，splice用於刪除和修改，slice用於切片. *** 資料型別轉換 一元的 + 運算子可用於把變數轉換為數字：如果無法轉換變

百度地圖api開發：根據坐標獲得地理描述地址

實例 oca str 地理 location api code city api開發 // 創建地理編碼實例 var myGeo = new BMap.Geocoder(); // 根據坐標得到地址描述

百度地圖API一：根據標註點坐標範圍計算顯示縮放級別zoom自適應顯示地圖

var spa get bsp pan nts viewport 百度 getview 百度地圖中根據頁面中的point，自動設置縮放級別和視圖中心，將所有的point在視圖範圍內展示。 var points = [point1, point2,point3];

百度雲盤分享：MySQL零基礎入門視頻教程！

百度雲盤分享：MySQL零基礎入門視頻教程！ 首先給大家介紹一下數據庫工程師，數據庫工程師(Database Engineer)，是從事管理和維護數據庫管理系統(DBMS) 的相關工作人員的統稱，他屬於運維工程師的一個分支，主要負責業務數據庫從設計、測試到部署交付的全生命周期管理。數據庫工程

百度地圖API示例：添加刪除覆蓋物

return RM del turn vue 滾輪 HR 添加 rand 1、index.html <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密鑰"