html网页添加时钟,HTML添加简单的JS属性实现网页时钟教程

HTML添加简单的JS属性实现网页时钟教程

首先开始呢，我们需要一个html页面初始化代码，这里我就不给大家列出来了，直接上核心代码。

我们在body下面定义一个 input标签，设置它的id为’kuang’ 这里大家可以随意设置，type属性为txt:

然后在title标题下方设置input的css属性，设置他的宽为350像素，高为60像素，边框1像素为红色(当然这里大家可以随意设置):

#kuang{

width: 350px;

height: 60px;

border: 1px solid red;

}

布局好之后，我们会在网页上得到一个红色边框的区域，然后就开始了我们的核心js代码呢，在body下面我们写:

先定义一个函数function，值为s。

然后我们new一个date属性，就是我们需要的网页时钟，给他定义一个变量为date。

然后下一步我们需要在js代码中找到input这个属性，使用(document.getElementsByTagName)找到input，这里的[0]代表input属性排序的第一个，我们通常第一个都是用1表示，但是这里不一样它的第一个使用0表示，给找到input这段代码定义一个变量inp。

现在我们就需要定义核心值呢，也就是显示在我们