CSS+JS,在div中显示当前时间和星期

CSS+JS,在div中显示当前时间和星期,第1张

<!DOCTYPE html>

<html>

<head>

<script src=";

实现效果这样?:

今天是2018/6/12 下午1:33:05 星期

这个没必要jquery吧,自己实现一个 星期下拉框 + 24小时下拉框

如果要美观,可以用div方式,将星期和小时在div中展示,比如觉得24小时太长,可以分三列,每8小时为一列 js实现比较容易

获取当前日期和时间的方法如下:

方法一、jQuery的方法:

 

 <html>

<head>

<meta ;<script type="text/javascript" src="jquery-182minjs"></script><script type="text/javascript">

$(function(){

function show(){

var mydate = new Date();

var str = "" + mydategetFullYear() + "年";

str += (mydategetMonth()+1) + "月";

str += mydategetDate() + "日";

return str;

}

$("input[type='button']")click(function(){

$("p")html("今天是 " + show());

});

});

</script>

</head>

<body>

<input type="button" value="看看现在的时间" />

<p></p>

</body>

</html>

方法二:用javautilCalendar类来实现,看下面:

import javautil;

import javatext;

//以下是利用Calendar类来实现日期时间的,和Date类相比较比较简单

public class TestDate2 {

public static void main(String[] args) {

Calendar ca = CalendargetInstance();

int year = caget(CalendarYEAR);//获取年份

int month=caget(CalendarMONTH);//获取月份

int day=caget(CalendarDATE);//获取日

int minute=caget(CalendarMINUTE);//分

int hour=caget(CalendarHOUR);//小时

int second=caget(CalendarSECOND);//秒

int WeekOfYear = caget(CalendarDAY_OF_WEEK);

Systemoutprintln("用CalendargetInstance()getTime()方式显示时间: " + cagetTime());

Systemoutprintln("用Calendar获得日期是:" + year +"年"+ month +"月"+ day + "日");

Systemoutprintln("用Calendar获得时间是:" + hour +"时"+ minute +"分"+ second +"秒");

Systemoutprintln(WeekOfYear);//显示今天是一周的第几天

}

}

以上就是关于CSS+JS,在div中显示当前时间和星期全部的内容,包括:CSS+JS,在div中显示当前时间和星期、jquery有没有选择 周几和时间 的插件、如何获取当前的日期和时间等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9778889.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存