IFE第二十五天到第二十七天：倒数开始 滴答滴 滴答滴

最新推荐文章于 2020-02-15 20:01:30 发布
最新推荐文章于 2020-02-15 20:01:30 发布
阅读量628 收藏 1
点赞数 2
分类专栏： JavaScript 文章标签： JavaScript 百度前端技术学院 IFE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_34074514/article/details/81942046
版权

Task1

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>IFE ECMAScript</title>
</head>

<body>
    <script>
        function Go() {
            console.log("Go");
        }

        function GoSteps(n) {
            if (n === undefined) { //一定要注意此处是三个等号，表示参数n未给出；如果是两个等号，那么n为null是也会执行Go();语句
                Go();
            }
            if (typeof n != "number") {
                if (n == true) {
                    Go();
                }
            } else {
                if (n >= 1) {
                    for (var i = 1; i <= n; i++) {
                        Go();
                    }
                }
            }
        }

        GoSteps(10); // Go 10次
        GoSteps(1); // Go 1次
        GoSteps(); // Go 1次，认为缺少参数时，默认参数为1
        GoSteps(0); // 0次
        GoSteps(-1); // 0次
        GoSteps(1.4); // Go 1次
        GoSteps(1.6); // Go 1次
        GoSteps(-1); // 0次
        GoSteps(true); // Go 1次
        GoSteps(false); // 0次
        GoSteps("Test"); // 0次
        GoSteps(NaN); // 0次
        GoSteps(null); // 0次
    </script>
</body>

</html>

Task2

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>IFE ECMAScript</title>
</head>

<body>
    <div id="mydate"></div>
    <script>
        //封装一个函数，把月、日、小时等出现个位数的情况前面补充0，补充为两位，比如1变为01
        function checkTime(x) {
            if (x < 10) {
                x = "0" + x;
            }
            return x;
        }
        //封装一个函数，来根据某个日期返回这一天是星期几
        function getWeekDay(d) {
            var weekday = new Array(7);
            weekday[0] = "日";
            weekday[1] = "一";
            weekday[2] = "二";
            weekday[3] = "三";
            weekday[4] = "四";
            weekday[5] = "五";
            weekday[6] = "六";
            return "星期" + weekday[d.getDay()];
        }
        //返回年月日
        function getYearMonthDate(d) {
            var year = d.getFullYear();
            var month = d.getMonth() + 1;
            var date = d.getDate();
            return checkTime(year) + "年" + checkTime(month) + "月" + checkTime(date) + "日";
        }
        //返回时分秒
        function getHourMinuteSecond(d) {
            var hour = d.getHours();
            var minute = d.getMinutes();
            var second = d.getSeconds();
            return checkTime(hour) + ":" + checkTime(minute) + ":" + checkTime(second);
        }
        //封装一个函数，把最后的日期时间，按照要求的格式进行包装
        function now() {
            var today = new Date();
            document.getElementById('mydate').innerHTML = getYearMonthDate(today) + " " + getWeekDay(today) + " " +
                getHourMinuteSecond(today);
            setTimeout('now()', 1000);
        }

        now();
    </script>
</body>

</html>

Task3

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>IFE ECMAScript</title>
</head>

<body>
    <div id="mydate"></div>
    <script>
        //封装一个函数，把月、日、小时等出现个位数的情况前面补充0，补充为两位，比如1变为01
        function checkTime(x) {
            if (x < 10) {
                x = "0" + x;
            }
            return x;
        }
        //封装一个函数，来根据某个日期返回这一天是星期几
        function getWeekDay(d) {
            var weekday = new Array(7);
            weekday[0] = "Sunday";
            weekday[1] = "Monday";
            weekday[2] = "Tuesday";
            weekday[3] = "Wednesday";
            weekday[4] = "Thursday";
            weekday[5] = "Friday";
            weekday[6] = "Saturday";
            return weekday[d.getDay()];
        }
        //返回年月日
        function getYearMonthDate(d) {
            var year = d.getFullYear();
            var month = d.getMonth() + 1;
            var date = d.getDate();
            return checkTime(year) + "-" + checkTime(month) + "-" + checkTime(date);
        }
        //返回时分秒
        function getHourMinuteSecond(d) {
            var hour = d.getHours();
            var minute = d.getMinutes();
            var second = d.getSeconds();
            var str;
            if (hour > 12) {
                hour -= 12;
                str = " PM";
            } else {
                str = " AM";
            }
            return checkTime(hour) + ":" + checkTime(minute) + ":" + checkTime(second) + str;
        }
        //封装一个函数，把最后的日期时间，按照要求的格式进行包装
        function now() {
            var today = new Date();
            document.getElementById('mydate').innerHTML = getYearMonthDate(today) + " " + getWeekDay(today) + " " +
                getHourMinuteSecond(today);
            setTimeout('now()', 1000);
        }

        now();
    </script>
</body>

</html>

Task4

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>IFE ECMAScript</title>
</head>

<body>
    <select id="year-select" onchange="yearToDay(this.value)">
        <option value="">请选择 年</option>
    </select>

    <select id="month-select" onchange="monthToDay(this.value)">
        <option value="">请选择 月</option>
    </select>

    <select id="day-select">
        <option value="">请选择 日</option>
    </select>

    <select id="hour-select">
        <option value="0">00</option>
        <option value="1">01</option>
        <option value="2">02</option>
        <option value="3">03</option>
        <option value="4">04</option>
        <option value="5">05</option>
        <option value="6">06</option>
        <option value="7">07</option>
        <option value="8">08</option>
        <option value="9">09</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
    </select>

    <select id="minute-select">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
        <option value="32">32</option>
        <option value="33">33</option>
        <option value="34">34</option>
        <option value="35">35</option>
        <option value="36">36</option>
        <option value="37">37</option>
        <option value="38">38</option>
        <option value="39">39</option>
        <option value="40">40</option>
        <option value="41">41</option>
        <option value="42">42</option>
        <option value="43">43</option>
        <option value="44">44</option>
        <option value="45">45</option>
        <option value="46">46</option>
        <option value="47">47</option>
        <option value="48">48</option>
        <option value="49">49</option>
        <option value="50">50</option>
        <option value="51">51</option>
        <option value="52">52</option>
        <option value="53">53</option>
        <option value="54">54</option>
        <option value="55">55</option>
        <option value="56">56</option>
        <option value="57">57</option>
        <option value="58">58</option>
        <option value="59">59</option>
        <option value="60">60</option>
    </select>

    <select id="second-select">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
        <option value="32">32</option>
        <option value="33">33</option>
        <option value="34">34</option>
        <option value="35">35</option>
        <option value="36">36</option>
        <option value="37">37</option>
        <option value="38">38</option>
        <option value="39">39</option>
        <option value="40">40</option>
        <option value="41">41</option>
        <option value="42">42</option>
        <option value="43">43</option>
        <option value="44">44</option>
        <option value="45">45</option>
        <option value="46">46</option>
        <option value="47">47</option>
        <option value="48">48</option>
        <option value="49">49</option>
        <option value="50">50</option>
        <option value="51">51</option>
        <option value="52">52</option>
        <option value="53">53</option>
        <option value="54">54</option>
        <option value="55">55</option>
        <option value="56">56</option>
        <option value="57">57</option>
        <option value="58">58</option>
        <option value="59">59</option>
        <option value="60">60</option>
    </select>

    <p id="result-wrapper"></p>
    <script>
        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("minute-select");
        var second = document.getElementById("second-select");

        var result = document.getElementById("result-wrapper");

        var monthHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

        //封装一个函数，把月、日、小时等出现个位数的情况前面补充0，补充为两位，比如1变为01
        function checkTime(x) {
            if (x < 10) {
                x = "0" + x;
            }
            return x;
        }

        //封装一个函数，来根据某个日期返回这一天是星期几
        function getWeekDay(d) {
            var weekday = new Array(7);
            weekday[0] = "日";
            weekday[1] = "一";
            weekday[2] = "二";
            weekday[3] = "三";
            weekday[4] = "四";
            weekday[5] = "五";
            weekday[6] = "六";
            return "星期" + weekday[d.getDay()];
        }

        //判断是否为闰年
        function isPinYear(y) {
            if (y % 4 == 0) {
                if (y % 100 != 0) {
                    return true;
                } else if (y % 400 == 0) {
                    return true;
                } else {
                    return false;
                }
            } else {
                return false;
            }
        }

        function YMDstart() {
            for (var i = 2000; i <= 2032; i++) {
                year.options.add(new Option(i, i));
            }
            for (var i = 1; i <= 12; i++) {
                month.options.add(new Option(i, i));
            }
            var val = month.options[month.selectedIndex].value;
            var n = monthHead[val - 1];
            console.log(val)
            if (val == 1 && isPinYear(year.value)) {
                n++;
            }
            writeDay(n);
        }

        //年份变化时2月的日期发生变化
        function yearToDay(year) {
            var val = month.options[month.selectedIndex].value;
            if (val == "") {
                optionsClear(day);
                return;
            }
            var n = monthHead[val - 1];
            if (val == 2 && isPinYear(year) == true) {
                n++;
            }
            writeDay(n);
        }

        //月发生变化时日期变化
        function monthToDay(month) {
            var yval = year.options[year.selectedIndex].value;
            if (yval == "") {
                optionsClear(day);
                return;
            }
            var n = monthHead[month - 1];
            if (month == 2 && isPinYear(yval)) {
                n++;
            }
            writeDay(n);
        }

        //根据条件写日期的下拉框
        function writeDay(n) {
            optionsClear(day);
            for (var i = 1; i <= n; i++) {
                day.options.add(new Option(i, i));
                // if(i == changeDD){
                // e.options[i].selected = true;  //->保持选中状态
            }
        }

        //删除所有option
        function optionsClear(e) {
            e.options.length = 1;
        }

        //获取所选时间
        function getTimeSelect() {
            var str = year.value + "-" + month.value + "-" + day.value;
            var daySelect = new Date(str);
            return year.value + "年" + month.value + "月" + day.value + "日 " + getWeekDay(daySelect) + " " + checkTime(
                    hour.value) +
                ":" + checkTime(minute.value) + ":" + checkTime(second.value);
        }

        //获取当前时间与所选时间之差
        function getTimeNow() {
            var now = new Date();
            var timeSelectStr = year.value + "/" + month.value + "/" + day.value + " " + hour.value + ":" + minute.value +
                ":" + second.value;
            var timeSelect = new Date(timeSelectStr);
            var milliseconds = now.getTime() - timeSelect.getTime();
            var str;
            if (milliseconds < 0) {
                milliseconds = -milliseconds;
                str = " 还有";
            } else {
                str = " 已经过去";
            }
            var daym = milliseconds / 86400000;
            var hourm = (milliseconds % 86400000) / 3600000;
            var minutem = ((milliseconds % 86400000) % 3600000) / 60000;
            var secondm = (((milliseconds % 86400000) % 3600000) % 60000) / 1000;
            return str + parseInt(daym) + "天" + parseInt(hourm) + "小时" + parseInt(minutem) + "分" + parseInt(secondm) +
                "秒";
        }

        function start() {
            result.innerHTML = "现在距离 " + getTimeSelect() + getTimeNow();
        }

        YMDstart();
        setInterval(start, 1000);
    </script>
</body>

</html>

 

爷爷我回来了
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
2018IFE:2018IFE学习
04-28
让你和页面对话课程 作业练习九：JavaScript里面的居民们课程 作业练习十：倒数开始 滴答滴 滴答滴课程 作业练习十一：给爱的人发个邮件吧课程 作业练习十二：我是精明的小卖家(MIS系统)课程 作业练习十三：开一家...
第二十五天到第二十七天 倒数开始 滴答滴 滴答滴-IFE
weixin_33768481的博客
08-23 111
第二十五天到第二十七天 倒数开始 滴答滴 滴答滴 日期 总用时 学习目标 2018.08.22-2018.08.24 3h JavaScript 函数 学习目标 JavaScript 函数 学习内容 MDN 函数 作业 待深入的知识 《JavaScript 高级程序设计》 跨平台测试 CSS animation 疑问 Fl...
百度前端技术学院：第二十五天到第二十七天 倒数开始 滴答滴 滴答滴
Xiaoyi_Xie的博客
09-12 575
假设要在某种特殊的机器人上写代码，但是这个机器人本身只实现了以下两个方法（函数）： Go，表示向当前方向前进一步 TurnLeft，表示向左转 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;数字相关操作&lt;/title&gt
IFE第四十四天到第四十六天：开一家餐厅吧（二）（单例模式）
前端攻城狮进阶之路
09-03 441
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;IFE ECMAScript&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;script&g
IFE第四十二天到第四十三天：开一家餐厅吧（一）
前端攻城狮进阶之路
09-01 510
task1(ES5) &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;IFE ECMAScript&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;
Baidu-IFE:百度前端技术学院http
03-24
第二十到第二十一天：让你和页面对话 第二十八天到第三十天给爱的人发个邮件吧 第三十一到第三十三天：我是精明的小卖家（一） 第三十四天到第三十六天：我是精明的小卖家（二） 第三十七天到第三十八天：我是...
IFE:百度前端技术学院（2018）
05-10
倒数开始 滴答滴 滴答滴（25-27） 计算所选则时间点离现在的时间差 给爱的人发个邮件吧（28-30） 输入邮箱时提示、自动补全、方向键选择 我是精明的小卖家（一）（31-33） 数据报表，根据选择项渲染表格 我是精明的...
bd-ife-mycode:百度前端学院的任务代码，初级开始~
05-19
【标题】"bd-ife-mycode:百度前端学院的任务代码，初级开始~" 指的是一个学习项目，其中包含了作者在百度前端学院初级阶段所完成的各项任务代码。这个项目可能是为了帮助作者系统地整理和展示他们在前端开发领域的...
IFE_study:IFE练习
05-10
IFE（Interactive Financial Engineering）是国际金融工程师学会的缩写，同时也是一种编程挑战或学习平台的代称。在本案例中，“IFE_study”很可能是针对IFE平台的一个学习资源或练习项目，帮助用户提升JavaScript...
【CTF】加密1——滴答~滴+聪明的小羊
weixin_44063560的博客
02-15 2080
滴答~滴 这道题还是很直截了当的，一看就是莫斯密码，只需要将其进行转换即可 https://www.jb51.net/tools/morse.htm 在线工具 答案就出来啦！ ————————————————————————————————————————————— 聪明的小羊 一只小羊翻过了两个栅栏。很直接，栅栏密码。 费话不多说，直接解码～ flag就出来啦！ ...
IFE第三十四天到第三十六天：我是精明的小卖家（二）（SVG和Canvas练习）
前端攻城狮进阶之路
08-29 734
Task1（svg小练习） &lt;?xml version="1.0" standalone="no"?&gt; &lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt; &lt;svg width="100%&qu
ctf练习---摩斯密码
ruins44的博客
05-12 7397
题目： 嘀嗒嘀嗒嘀嗒嘀嗒 时针它不停在转动 --  ---  .-.  ...  .   嘀嗒嘀嗒嘀嗒嘀嗒 小雨它拍打着水花 -.-.  ---  -..  .   思路：百度一张摩斯密码表，然后根据摩斯密码表把相应的符号翻译出来即可。 翻译后的结果是morsecode 所以答案为wct{morsecode}。
【BugkuCTF】Crypto--滴答~滴
VZZmieshenquan的博客
02-11 820
Description: -… -.- -.-. - …-. – … … -.-. 答案格式KEY{xxxxxxxxx} Solution: 就简单的摩斯密码解码 Flag: KEY{BKCTFMISC}
IFE第二十到第二十一天：让你和页面对话
前端攻城狮进阶之路
08-20 394
test1 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;IFE ECMAScript&lt;/title&gt; &lt;/head&gt; &lt;body onk
百度前端学院参考答案：第二十五天到第二十七天 倒数开始 滴答滴 滴答滴（1）...
weixin_30527143的博客
12-08 192
编码 我们现在来做一个最简单的时钟，通过小练习来学习 Date，复习定时，然后再练习一下函数的封装具体需求如下： 在页面中显示当前日期及时间，按秒更新 格式为 YYYY 年 MM 月 DD 日 星期 D HH:mm:ss 注意位数的补齐，比如：-- 假设时间为2008年10月10日星期一的12点12分12秒，显示2008年10月10日星期一 12:12:12-- 假设时间为2008年1...
IFE 百度前端技术学院 2016年春季班作业 第一阶段任务（1-4）的总结
weixin_30906425的博客
04-11 216
具体任务详细介绍可参考http://ife.baidu.com/task/all 具体代码参考：https://github.com/sunshineqt/webxt/tree/master/stage1 遇见的问题及解决： 任务1: 1 中文乱码 在<head></head>标签内加上<meta charset=”utf-8”>. 2 表单中met...
ctf-BugkuCTF-crypto
zhang14916的博客
07-23 611
1.滴答~滴 很容易看出这是摩斯加密，直接解密即可，注意格式 #encode=utf-8 s='-... -.- -.-. - ..-. -- .. ... -.-. ' codebook = { 'A':".-",'B':"-...",'C':"-.-.",'D':"-..",'E':".",'F':"..-.",'G':"--.",'H':"
BugKuCTF(CTF-练习平台)——Crypto-滴答~滴
Ifish的博客
01-23 4478
题目描述： 题目解答： 1）思路：看到题目，说明是摩斯密码,在网址http://www.zhongguosou.com/zonghe/moErSiCodeConverter.aspx中解密 2）解码： 故flag为：KEY{BKCTFMISC} ...
在camera中IFE与IPE的关系
最新发布
05-19
在相机系统中，IFE代表的是图像前端处理单元（Image Front End），而IPE代表的是图像处理引擎（Image Processing Engine）。IFE和IPE是相机处理图像的两个核心模块，它们之间存在一定的关系。 IFE主要负责相机采集...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值