JS中Date的使用和字符处理
2016-04-28 15:35
453 查看
要求显示当前系统的时间
显示登录页面的时间
能够处理输入的字符,把输入的字符对应的码值输出出来
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
span{color: red;}
</style>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
setInterval("showTimeNow()",100);
var dateBegin = new Date();
function showTimeNow(){
var dateNow = new Date();
document.getElementById("spanId").innerHTML= dateNow.toLocaleString();
var date1 = dateBegin;
var chaDate = dateNow - dateBegin;
//alert(chaDate);
document.getElementById("spanIdHour").innerHTML= parseInt(chaDate/1000/60/60);
document.getElementById("spanIdMin").innerHTML=parseInt(chaDate/1000/60);
document.getElementById("spanIdTimeSec").innerHTML=parseInt(chaDate/1000);
}
function getNum(){
var textNum = document.getElementById("textId").value;
document.getElementById("spanText").innerHTML= textNum;
var str = "";
for(var i=0; i<textNum.length;i++){
str = str + textNum.charCodeAt(i)+" ";
}
document.getElementById("spanA").innerHTML = str;
}
</script>
</head>
<body onload="showTimeNow()">
当前系统时间是:<span id="spanId"></span><br />
当前页面已停留时间:<span id="spanIdHour"></span>小时 <span id="spanIdMin"></span>分钟<span id="spanIdTimeSec"></span> 秒<br />
请输入字符:<input type="text" id="textId" /><input type="button" value="执行" id="btnId" onclick="getNum()"/> <br />
您输入的字符数: <span id="spanText"></span> 它的ASII码是:<span id="spanA"></span>
</body>
</html>
显示登录页面的时间
能够处理输入的字符,把输入的字符对应的码值输出出来
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
span{color: red;}
</style>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
setInterval("showTimeNow()",100);
var dateBegin = new Date();
function showTimeNow(){
var dateNow = new Date();
document.getElementById("spanId").innerHTML= dateNow.toLocaleString();
var date1 = dateBegin;
var chaDate = dateNow - dateBegin;
//alert(chaDate);
document.getElementById("spanIdHour").innerHTML= parseInt(chaDate/1000/60/60);
document.getElementById("spanIdMin").innerHTML=parseInt(chaDate/1000/60);
document.getElementById("spanIdTimeSec").innerHTML=parseInt(chaDate/1000);
}
function getNum(){
var textNum = document.getElementById("textId").value;
document.getElementById("spanText").innerHTML= textNum;
var str = "";
for(var i=0; i<textNum.length;i++){
str = str + textNum.charCodeAt(i)+" ";
}
document.getElementById("spanA").innerHTML = str;
}
</script>
</head>
<body onload="showTimeNow()">
当前系统时间是:<span id="spanId"></span><br />
当前页面已停留时间:<span id="spanIdHour"></span>小时 <span id="spanIdMin"></span>分钟<span id="spanIdTimeSec"></span> 秒<br />
请输入字符:<input type="text" id="textId" /><input type="button" value="执行" id="btnId" onclick="getNum()"/> <br />
您输入的字符数: <span id="spanText"></span> 它的ASII码是:<span id="spanA"></span>
</body>
</html>
相关文章推荐
- JS实现控件跟随鼠标移动
- [转]extjs grid的Ext.grid.CheckboxSelectionModel默认选中解决方法
- js Math对象的常用方法
- JS实现字符处理
- js Array 数组相关的方法
- JavaScript String 对象常用方法总结
- JavaScript Math 对象常用方法总结
- 用JS实现字符处理
- javascript 从ueditor中学到的闭包知识
- js 匿名函数传参
- 正则 表达式 收藏
- web Worker使js实现‘多线程’?
- Js怎么调用外部Js
- 用JS控制按钮的可用不可用
- js学习笔记
- javascript中的构造函数和继承
- JSP 基础
- 如何用QUnit为JS代码做单元测试
- js控件赋值中文乱码
- javascript中json数据添加元素