js的练习题(1)

来源：互联网发布：蚂蚁活多久知乎编辑：程序博客网时间：2024/05/16 17:16

1.获取动态的本地时间

附赠参考代码：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>动态字体时间</title>
<style>
#time{
color: #71b9fe;
font-size: 40px;
}
</style>
</head>
<body>
<p id="time"></p>
</body>
<script>
var p1=document.getElementById("time")
var timer=setInterval("zoom()",1000)
function zoom(){
//p1.innerHTML=new Date().toString();国际时间
p1.innerHTML=new Date().toLocaleString();
}

</script>

2.设计一个：动态（变大变小）方块及颜色渐变的文件：

附赠代码参考：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>动态方块及颜色渐变</title>
<style>
#colour{
height: 100px;
width: 100px;
background: #71b9fe;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="colour"></div>

</body>
<script>
var timer =setInterval("zoom()",20);
var colour=document.getElementById("colour")
var width=100;
var color=0x71b9fe;
function zoom(){
if(width >= 600){
clearTimeout(timer)
}
color=color+0x010011;
width = width + 5;
colour.style.width = width +"px";
colour.style.backgroundColor= "#"+color.toString(16);
}
</script>

</html>

3. 设计并实现打印一个四位数的逆序数的程序。例如 1234 变为4321

附赠代码参考:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>逆序数的程序</title>
</head>
<body>
<script>
/*
*首先请输入一个四位数：
*千位数：a
* 百位数：b
* 十位数：c
* 个位数：d
*
* sum1=d*1000+c*100+b*10+a
*打印输出
*
*
* */

var sum = Number(prompt("请输入一个四位数"));
var a=Math.floor(sum/1000);
var b=Math.floor((sum%1000)/100);
var c=Math.floor(((sum%1000)%100)/10);
var d=Math.floor(sum%10);
var sum1=(d*1000)+(c*100)+(b*10)+a;

alert(sum1)
</script>

</body>
</html>

每天更新，欢迎收看！

阅读全文

0 0