JS---设计简易日历

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        /*var td=new Date(2017,9,11);
         alert(td);*/
       // var td=new Date();
       // alert(td.getTime());

        //设计一个定时器---例如：设计日历
        setTimeout(dat,3000);//3000毫秒，3秒。一次性定时器,调用dat方法，不要（）
        setInterval(dat,1000);//每秒跳一次
        function dat(){
            document.body.innerHTML="";
            var t=new Date();
            document.write("<h1>"+t.getFullYear()+"年"+(t.getMonth()+1)+"月"+ t.getDate()+"日</h1>");
            document.write("<h2>今天星期"+ t.getDay()+"</h2>")
            document.write("<h3>"+ t.getHours()+"时"+ t.getMinutes()+"分"+ t.getSeconds()+"秒");
        }
    </script>
</head>
<body >

</body>
</html>

时间： 2024-10-10 06:51:53

JS---设计简易日历的相关文章

js简易日历

js简易日历中设计的知识点:选项卡切换数组 innerHTML 连接符与选项卡的区别:div的个数不同连接符中需要注意的:(优先级) "abc"+12+3+"def" 结果:abc123def "abc"+(12+3)+"def" 结果:abc15def html代码: <body> <div class="contain"

今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月份上面进而改变当前月的背景颜色,并在下面的div中显示这个月的相应信息. 新增js知识:数组,innerHTML js代码: 1 <script type="text/javascript"> 2 var arr= ['一月,新年伊始,該做點什麽呢....','二月,春天來了.

原生js简易日历效果实现

这里我们将用原生js实现简易的日历,原理和之前的原生js选项卡差不多,不过也有些区别: 首先html代码: <div class="container"> <div class="container_cont"> <ul id="cont_ul"> <li class="active"> <span>1</span> <p>jan</p&

javascript中Date对象的应用——简易日历的实现

× 目录 [1]效果 [2]HTML [3]CSS[4]JS 前面的话简易日历作为javascript中Date对象的常见应用,用途较广泛.本文将详细说明简易日历的实现思路效果演示 HTML说明使用type=number的两个input分别作为年和月的输入控件,这样在高级浏览器下自带调节按钮按照周日到周一的顺序进行星期的排列 <div class="box"> <header class='control'> <input id="con

JavaScript简易日历

<!DOCTYPE html PUBLIC "-//W3C//h2D XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/h2D/xhtml1-transitional.h2d"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

原生Js_制作简易日历

javascript制作简易日历,月份信息已经放在一个数组中,在<script>...</script>中编写代码实现其功能实现步骤 a) 获取需要操作的dom对象 b) 在所有的li上添加鼠标经过的事件 c) 在li的鼠标经过的事件中将所有li的class设置为空,并将当前li的class设置为"active",同时利用innerHTML方法在id为text的div中设置html代码 <!doctype html> <html> &l

简易日历的制作

本菇凉最近很是用心的在学习javascript,这日历的制作主要是innerHTML的运用,以及简单的数组的索引index.主要考察这两个,还有实现的思路.谢谢大家,因为是刚开始写博文呢,所以不详细的地方,后面一定好好改呢~~ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http

简易日历

import java.util.Scanner; public class calendar { public static void main(String args[]) { System.out.println("----欢迎使用简易日历-----"); Scanner in=new Scanner(System.in); String say; do { System.out.println(); System.out.print("请输入年份:"); i

JS生成当月日历

JS生成当月日历,效果图完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-e

前端作品二之——简易日历

1.功能概述通过HTML.CSS3.javascript语言编写的一个如下图所示的简易日历,当鼠标移入对应月份的格子时,只有当前的月份的l格子高亮,其他月份的格子都是暗的,并在最下面显示对应的月份的活动. 2.布局先创建一个div1,在这个div1里创建个ul,再在ul里创建12个li,将上面12个月份显示放在对应的li中.创建div2用来显示每个月的活动.设置好CSS样式,就得到了如上图所示的静态页面. 3.功能实现将每个月的活动内容存入一个长度为12的数组a中,因此数组a里面的元素就对