html控制树莓派小车,car.html

家庭监控系统广西师范大学电子工程学院朱春浩制作

.switch {

position: relative;

display: inline-block;

width: 40px;

height: 26px;

}

.switch input {

display: none;

}

.slider {

position: absolute;

cursor: pointer;

top: 0;

left: 0;

right: -12;

bottom: 0;

background-color: #ccc;

-webkit-transition: .4s;

transition: .4s;

}

.slider:before {

position: absolute;

content: "";

height: 23px;

width: 23px;

left: 2px;

bottom: 1px;

background-color: white;

-webkit-transition: .4s;

transition: .4s;

}

input:checked+.slider {

background-color: #2196F3;

}

input:focus+.slider {

box-shadow: 0 0 1px #2196F3;

}

input:checked+.slider:before {

-webkit-transform: translateX(26px);

-ms-transform: translateX(26px);

transform: translateX(26px);

}

/* Rounded sliders */

.slider.round {

border-radius: 34px;

}

.slider.round:before {

border-radius: 50%;

}

时间:

毕业设计：监控小车

拍照(点击拍照后再网页上就会显示相片，然后自己右键保存)

Design by:程序小黑 date:2019-4-14 QQ:502517586

摄像头

上

下

左

右

复位

跑车

前

后

左

右

停

直行

倒车

function show(){

var date = new Date(); //日期对象

var now = "";

now = date.getFullYear()+"年"; //读英文就行了

now = now + (date.getMonth()+1)+"月"; //取月的时候取的是当前月-1如果想取当前月+1就可以了

now = now + date.getDate()+"日";

now = now + date.getHours()+"时";

now = now + date.getMinutes()+"分";

now = now + date.getSeconds()+"秒";

document.getElementById("nowDiv").innerHTML = now; //div的html是now这个字符串

setTimeout("show()",1000);

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史