精华内容
下载资源
问答
  • 阅读目录 、9x9乘法表 ...五、实现某天的倒计时 六、图片切换 、9x9乘法表 <style> table{ width:600px; border-collapse:collapse; } td{ border: 2px solid grey; } </s...

    一、9x9乘法表

    <style>
        table{
    	    width:600px;
    	    border-collapse:collapse;
        }
        td{
            border: 2px solid grey;
        }
    </style>
    <body>
    <table>
        <script type="text/javascript">
            for(var i=0;i<10;i++){
                document.write("<tr>");
                    for(j=1;j<10;j++)
                        if(j<=i)
                            document.write("<td>"+i+"*"+j+"="+(i*j)+"</td>");
                    document.write("</tr>");
            }
        </script>
    </table>
    </body
    

    在这里插入图片描述

    二、猜字游戏

    <script type="text/javascript">
            var num = Math.floor(Math.random()*100+1);//产生1-100之间的随机整数
            do{
                var guess =parseInt(prompt("下面进行猜数游戏\n请输入1-100之间的整数:",""));
                if(guess == num){
                    alert("恭喜你,猜对了,幸运数字是:"+num);
                    break;
                }
                else{
                    if(guess>num){
                        alert("你猜的数字大了");
                        go_on=confirm("是否继续游戏");
                        }
                    else{
                        alert("你猜的数字小了");
                        go_on=confirm("是否继续游戏");
                    }
                }
            }
            while (go_on);
            alert("谢谢参与游戏");
        </script>
    

    在这里插入图片描述

    三、运行的时钟

    <style>
        #clock{
            font-size: 30px;
            font-weight: 900;
            color: white;
            background-color: #930;
            border: 8px double #900;
        }
    </style>
    <body onLoad="disptime()">
        <span id="clock"></span>
        <script type="text/javascript">
            function disptime() {
                var time = new Date();
                var year = time.getFullYear();
                var month = time.getMonth();
                var data = time.getDate();
                var hour = time.getHours();
                var minute = time.getMinutes();
                var second = time.getSeconds();
                if(minute <10)
                    minute="0"+minute;
                if(second<10)
                    second="0"+second;
                document.getElementById("clock").innerHTML=year+"年"+month+"月"+data+"日  "+hour+":"+minute+":"+second;
            var myTime = setTimeout("disptime()",1000);
            }
        </script>
    </body>
    

    在这里插入图片描述

    四、倒计时的实现

    <style>
        #time{
            height: 200px;
            background: url("image/6.jpg") no-repeat;
            padding: 70px 5px 5px 210px;
            color: green;
            font-size: 28px;
        }
    </style>
    <body>
    <div id="time"></div>
    <script type="text/javascript">
        var time = document.getElementById('time');
        var ks = new Date();
        var msks = ks.getTime();//换成毫秒数
        var js = msks+60*60*1000;
        function jsover() {
            var syfz=Math.floor((js-new Date().getTime())/(1000*60));
            var sym=Math.floor((js-new Date().getTime()-syfz*1000*60)/(1000));
            if(syfz<0)
            {
                time.innerHTML="";
                clearInterval(timeID);
            }
            else
                time.innerHTML="距离考试结束还剩"+syfz+"分"+sym+"秒";
        }
        timeID = setInterval("jsover()",1000)
    
    </script>
    </body>
    

    在这里插入图片描述

    五、实现某一天的倒计时

    <style>
        #date{
            font-size: 25px;
            font-weight: bold;
            color:blue ;
            width: 400px;
            height: 400px;
            padding-top: 100px;
            background: url("image/7.jpg") no-repeat;
        }
    </style>
    <body>
    <div id="date"> </div>
    <script>
        var endtime = new Date("2020-6-7 00:00:00");
        var s = "今天离2020高考6月7日";
        var nowtime= new Date();
        var ile = endtime.getTime() -nowtime.getTime();
        var dni = Math.floor(ile /(1000*60*60*24));
        var datashow = document.getElementById("date");
        if(dni>1)
            datashow.innerHTML=s+"还有"+dni+"天";
        else if(dni ==0)
            document.innerHTML=s+"只有1天了";
        else
            datashow.innerHTML=s+"好像已经过了哦"
    </script>
    </body>
    

    在这里插入图片描述

    六、图片切换

    <style type="text/css">
                #main{
                    width: 300px;
                    padding: 20px;
                    margin: 10px auto;
                    background-color: deepskyblue;
                    text-align: center;
                }
                #image{
                    display: block;
                    width: 300px;
                    height: 300px;
                    margin: 50px auto;
            }
            </style>
        </head>
        <body>
            <div id="main">
                <p id="info"></p>
                <img src="image/1.jpg" id="image"/>
                <button id="pre">上一张</button>
                <button id="next">下一张</button>
            </div>
        <script type="text/javascript">
            
            var pre=document.getElementById("pre");
            var next=document.getElementById("next");
            var imgArr=["image/1.jpg","image/2.jpg","image/3.jpg","image/4.jpg"];
            var img=document.getElementsByTagName("img")[0];
            var index=0;
            
            var info=document.getElementById("info");
            function fun(){
                info.innerHTML="总共 "+ imgArr.length + " 张,现在是第 "+(index+1)+" 张";
            }
            fun();
            pre.onclick=function(){
                index--;
                if(index<0){
                    index=imgArr.length-1;
                }
                img.src=imgArr[index];
                fun();
            };
            next.onclick=function(){
                index++;
                if(index>imgArr.length-1){
                    index=0;
                }
                img.src=imgArr[index];
                fun();
            }
            </script>
        </body>
    

    在这里插入图片描述

    七、验证数字输入

    <body>
        <h3>JavaScript 验证数字输入</h3>
        <p>请输入 1 到 10 之间的数字:</p>
        <input id="num">
        <button type="button" onclick="myFunction()">提交</button>
        <script>
            function myFunction() {
                 var x;
                  // 获取 id="num" 的值
                   x = document.getElementById("num").value;
                  // 如果输入的值 x 不是数字或者小于 1 或者大于 10,则提示错误 Not a Number or less than one or greater than 10
                  if (isNaN(x) || x < 1 || x > 10) {
                      alert( "输入错误");
                  } else {
                      alert("输入正确");
                   }
            }
        </script>
    </body>
    

    在这里插入图片描述

    更新中……

    展开全文
  • Handler底层原理案例(实现倒计时功能)步骤Message的常用属性Message的常用方法案例:使用Handler 发送Message对象,实现倒计时功能步骤MessageQueue定义MessageQueue的方法Looper定义使用案例:点击主线程中...

    案例一(实现倒计时功能)

    步骤

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    Message的常用属性

    what:用户定义消息代码
    obj:发送给接收器的任意对象
    arg1/arg2:用来存放整型数据

    Message的常用方法

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    案例二:使用Handler 发送Message对象,实现倒计时功能

    步骤

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    MessageQueue

    在这里插入图片描述

    定义

    MessageQueue是Handler消息处理机制中用于存放待处理消息的消息队列。

    MessageQueue的方法

    在这里插入图片描述

    Looper

    在这里插入图片描述

    定义

    Looper 是循环取出消息队列中的消息并交给对应Handler 处理的对象。

    使用

    在这里插入图片描述
    在这里插入图片描述

    案例三:点击主线程中的按钮,发送消息到子线程中,子线程接收并处理消息在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    Handler的运行机制

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    Handler更多功能

    展开全文
  • Android学习笔记()android studio基本控件及布局(实现图片查看器) Android学习笔记()android studio中CheckBox自定义样式(更换复选框左侧的勾选图像) Android学习笔记(四)Android 中Activity页面的...

    【第一部分】历史文章:
    Android学习笔记(一)——创建第一个Android项目
    Android学习笔记(二)android studio基本控件及布局(实现图片查看器)
    Android学习笔记(三)android studio中CheckBox自定义样式(更换复选框左侧的勾选图像)
    Android学习笔记(四)Android 中Activity页面的跳转及传值
    Android学习笔记(五)——Toast提示、Dialog对话框、Menu菜单
    Android学习笔记(六)——自定义ListView布局+AsyncTask异步任务
    Android学习笔记(七)——数据存储(共享参数SharedPreferences)
    Android学习笔记(八)——数据存储(SD卡文件操作)
    Android学习笔记(九)——网络技术
    Android学习笔记(十)——实现新闻列表案例
    Android学习笔记(十一)——一些高级控件的使用
    Android学习笔记(十二)——数据存储(SQLite数据库)
    Android学习笔记(十三)——数据存储(LitePal操作数据库)
    Android学习笔记(十四)——内容提供器
    Android学习笔记(十五)——侧滑容器(ViewPager)

    【第二部分】主要问题解决:
    Android Studio(存)读取不了SD卡上的文件——【已解决】

    【第三部分】期末项目:
    Android期末项目(一)—— 解析二维数组对象


    package cn.edu.hznu.com;
    import android.annotation.SuppressLint;
    import android.content.Intent;
    import android.content.SharedPreferences;
    import android.os.Handler;
    import android.os.Message;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.view.WindowManager;
    import android.widget.TextView;
    import java.util.Timer;
    import java.util.TimerTask;
    public class FirstActivity extends AppCompatActivity {
        private TextView button;
        private int dt = 5;
        private Runnable runnable;
        private Timer timer;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            int flag = WindowManager.LayoutParams.FLAG_FULLSCREEN;
            getWindow().setFlags(flag,flag);
            setContentView(R.layout.activity_first);
            init();
            button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    final SharedPreferences pref=getSharedPreferences("username",FirstActivity.MODE_PRIVATE);
                    final SharedPreferences.Editor tv_usernameeditor=pref.edit();
                    final String username=pref.getString("tv_username","未登录");//起初设置为未登录状态
                    if(username.equals("未登录")||username.length()==0){
                        timer.cancel();
                        startMainActivity();
                        return;
                    }
                   else {
                        startMainActivity();
                    }
                }
            });
            countDown();
        }
        private void startMainActivity() {
            Intent intent=new Intent(FirstActivity.this,MainActivity.class);
            startActivity(intent);
    
        }
        protected void onDestroy() {
            super.onDestroy();
            //移除消息
            handler.removeCallbacksAndMessages(null);
        }
    //初始化函数
        private void init() {
            try{
                button=(TextView) findViewById(R.id.button);
            }catch (Exception e){
                e.printStackTrace();
            }
        }
        @SuppressLint("HandlerLeak")
        private Handler handler = new Handler(){
            @SuppressLint("SetTextI18n")
            @Override
            public void handleMessage(Message msg) {
    
                switch (msg.what){
                    case 1:
                        final SharedPreferences pref=getSharedPreferences("username",FirstActivity.MODE_PRIVATE);
                        final SharedPreferences.Editor tv_usernameeditor=pref.edit();
                        final String username=pref.getString("tv_username","未登录");//起初设置为未登录状态
                        if(username.equals("未登录")||username.length()==0){   //未登录
                            button.setText("跳过封面 " + dt);
                            dt--;
                            if(dt<0){
                                //关闭定时器
                                timer.cancel();
                                startMainActivity();
                            }
                            return;
                        }
                        else {   //登录
                            timer.cancel();
                            startMainActivity();
                        }
                }
            }
        };
    
        private void countDown() {
            timer = new Timer();
            TimerTask timerTask = new TimerTask() {
                @Override
                public void run() {
                    handler.sendEmptyMessage(1);
                }
            };
            timer.schedule(timerTask, 1, 1000);
        }
    }
    
    
    展开全文
  • 倒计时代码 78 、关于ecshop回调函数应用 83 十四、商品内容页加订单留言功能分析 84 十五、有关商品详细页是常规显示还是显示宣传页的实现方法 85 十六、后台添加搜索功能讲解 87 十七、分享...
  •  实例011 为项目添加第方控件 12 实例012 为项目添加已有窗体 13 第2章 C#语言基础应用 15 2.1 代码的注释 16  实例013 对单行代码进行注释 16  实例014 快速对多行代码进行注释 17  实例015 使用...
  • 倒计时工具美化了部分 、到下次站立会议需要完成的任务 ①倒计时工具美化完成 、遇到的问题 ①如上图所示,数字图片左边和上边有白色边界,但是右边和下边没有,这个问题没有解决 ②换皮肤按钮皮肤...

    一、从上次站立会议到现在完成的任务

    ①绩点计算器的录入工作基本完成

    ②倒计时工具美化了一部分

    二、到下次站立会议需要完成的任务

    ①倒计时工具美化完成

    三、遇到的问题

    ①如上图所示,数字图片左边和上边有白色边界,但是右边和下边没有,这个问题没有解决

    ②换皮肤按钮皮肤效果不明显

    转载于:https://www.cnblogs.com/hanshidiguo/p/4532699.html

    展开全文
  • 5. 如果火车在公共轨道停靠时间不为0时,要求在轨道中间位置停靠,并以秒为单位显示停靠倒计时的时间。 四.火车运行的控制策略 如果出现2个监测点同时向中央控制中心发信号,提示火车要进入公共运行轨道,这时需要...
  • ,这货速度太快,第,模仿真机环境,第,秒杀任何Android模拟器包括真机,不多说上图,我忒忙! 官网: http://www.genymotion.com/ 镜像图片可以创建多个模拟器 关键是有一切Google的服务,在Google眼里...
  • NGUI技能冷却

    2016-08-04 11:48:28
    倒计时部分可以看成技能图片在一点一点转出来,背景是遮挡的图片,乍看以为遮挡图片慢慢转出来,其实不是 这个技能发放的按钮包括部分,表示技能的图片,技能冷却的遮挡图片,表示冷却时间的标签,这两个图片的...
  • 百合网的App首页导航,采用的是标准的固定选项卡——共5个内容分类。内容区域是多张照片的堆叠效果,给用户的印象是,照片多到无穷无尽。...第,在交友分类上制作圆形环绕效果,以及使用另外种方法完成倒计时效果。
  • 囧囧~2018年将要过去,繁忙的业务也快接近尾声了。回顾一年的业务开发,好吧,也不算一年的业务开发了,毕竟转中台岗已经半年了,接触的业务线不是...6. 倒计时 7. 简单帧动画 8. 伪加载 9. 前端移动端截图工具h...
  • 蕊蕊定时器 v2.1.zip

    2019-07-14 07:35:54
    你是要按时间计时还是倒计时随你喜欢咯 5.计时时生怕别人强制关闭吗?不用怕,我可以帮你禁止任务管理器的 6.计时的时侯是不是一定要等时间到才能关闭?NO NO NO 如果你没有设置密码的话可以直接双击计时界面结束...
  • AB洗澡门

    2021-03-12 14:27:47
    AB洗澡门用于猪场人员洗澡,一共分为A门和B门两扇,人员从A门进入后AB两扇门同时关闭,通过倒计时时间播报只能从B门出去。 设备组合配件有如下: 1.控制器 2.人脸识别机 3.电磁水阀 4.磁力锁 5.磁环 6.门开关 7.门禁...
  • 基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果 4.基于jquery实现多功能日历插件(weekcalendar)1.2版本下载 5.实用漂亮jQuery网页日历插件datePicker下载 6.简洁实用jquery日期选择插件之jQuery ...
  • 基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果 4.基于jquery实现多功能日历插件(weekcalendar)1.2版本下载 5.实用漂亮jQuery网页日历插件datePicker下载 6.简洁实用jquery日期选择插件之jQuery ...
  • 仿牛客UI源码

    2016-01-26 15:18:16
    可以进行考试,有倒计时,要求达到牛客网的效果,并能出考试结果。 (5) 参与模块:(文字(我参与的课程)+添加按钮) ? 点击添加按钮跳转到另页面。由 ListView实现 、 社区界面: 1. 标题模块:显示文字...
  • 3. 基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果 4. 基于jquery实现多功能日历插件(weekcalendar)1.2版本下载 5. 实用漂亮jQuery网页日历插件datePicker下载 6. 简洁实用jquery日期选择插件之jQuery ...
  • 3. 基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果 4. 基于jquery实现多功能日历插件(weekcalendar)1.2版本下载 5. 实用漂亮jQuery网页日历插件datePicker下载 6. 简洁实用jquery日期选择插件之jQuery ...
  • 日程万年历 v4.39.zip

    2019-07-13 10:05:16
    日程万年历打造个人信息管理平台,主要有:日程安排及提醒、分类文书(日记、文摘、笔记等)、通讯录、记账、定时关机、整点报时、万年历、纪念日、计时器、倒计时、相册、混合运算计算器,电脑照相、文章语音阅读、...
  • 仿牛客UI及部分实现

    2016-01-25 23:14:30
    可以进行考试,有倒计时,要求达到牛客网的效果,并能出考试结果。 (5) 参与模块:(文字(我参与的课程)+添加按钮) ? 点击添加按钮跳转到另页面。由 ListView实现 、 社区界面: 1. 标题模块:显示文字...
  • 倒计时代码生成器 八种风格时间显示 显示登陆时间 日历生成器 退出显示访问时间 款特酷的时钟 全中文日期显示 纯JavaScript时钟 距离某天时间 显示特殊节日脚本 时钟加在背景上 Form中的时钟 带开关...
  • (1) 系统启动后首先显示个LOGO图片,大约2秒钟后图片自动消失,游戏开始。 (2) 按“2”键蛇向上游动,按“5”键蛇向下游动;按“4”键蛇向左游动;按“6”键蛇向右游动。 (3) 按“3”键游戏暂停,再次按下...
  • “自定义按钮button”组件【ybutton】:支持以图片覆盖原样式,支持倒计时按钮。(可应对常见“倒计时完成后才能触发按钮”的场景) 如何使用(仅为测试示例,具体请参照pages/下相关使用) (components中是组件 ...
  • 修正 专题系统"小挂件"图片不能正常显示的问题 修正 抽奖系统用户参与次数无效的问题 修正 JSON 转换时在 UTF8 编码下出错的问题 修正 金币竞拍若干问题,涉及级域名,金币数量和样式等等 修正 金币竞拍倒计时计算...
  • 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以...
  • asp.net知识库

    2015-06-18 08:45:45
    深入剖析ASP.NET组件设计]书第章关于ASP.NET运行原理讲述的补白 asp.net 运行机制初探(httpModule加载) 利用反射来查看对象中的私有变量 关于反射中创建类型实例的两种方法 ASP.Net应用程序的多进程模型 NET委托...
  • 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以...
  • ✅ 小书匠:款专注于写作的 Markdown 笔记软件,支持多种第方存储(印象笔记,有道笔记,为知笔记,Github,Gitee等) Banny(杭州) - Github ✅ 我的小目标:个人积分管理软件,督促用户成为更好的自己 ✅ 红色...
  • 实例234 倒计时 9.4 使用JavaScript控制DOM 实例235 创建节点 实例236 添加节点 实例237 为下拉列表增加选项 实例238 删除下拉列表的选项 实例239 可编辑表格 第10章 Ajax技术 10.1 定时业务 实例240 考试...

空空如也

空空如也

1 2 3 4
收藏数 75
精华内容 30
关键字:

倒计时三二一图片