[英]changing font size automatically
I have 3 paragraphs of text on a page... I want to change the font size of the paragraphs after every 3 seconds ....is this possible? 我在页面上有3个段落的文本... 我想每3秒更改一次段落的字体大小 ....这可能吗?
What i want is when the page loads para 1 is 10px and para 2 is 8px and then after 3 seconds para 2 is 10px and para 1 is 8px. 我想要的是当页面加载参数1为10px,参数2为8px,然后3秒钟后,参数2为10px,参数1为8px。
I mean like using an update panel or something? 我的意思是喜欢使用更新面板之类的东西? js ...any way?
js ...任何方式?
You can use the setInterval
method to run a function at an interval: 您可以使用
setInterval
方法以一定间隔运行一个函数:
CSS: CSS:
#para1 { font-szie: 10px; }
#para2 { font-szie: 8px; }
#para3 { font-szie: 8px; }
HTML: HTML:
<p id="para1">asdf</p>
<p id="para2">asdf</p>
<p id="para3">asdf</p>
Javascript: 使用Javascript:
window.onload = function(){
var current = 0;
var ids = ['para1', 'para2', 'para3'];
window.setInterval(function(){
current = (current + 1) % 3;
for (var i = 0; i < ids.length; i++) {
document.getElementById(ids[i]).style.fontSize = (i == current ? '10px' : '8px');
}
}, 3000);
};
Try this: 尝试这个:
<div>
<p id="p1">Para1 </p>
<p id="p2">Para2 </p>
</div>
$(function() {
var pa1 = 20, pa2 = 8, pa3;
$('#p1').css('fontSize', pa1);
$('#p2').css('fontSize', pa2);
function fstyle() {
pa3 = pa1;
pa1 = pa2;
pa2 = pa3;
$('#p1').css('fontSize', pa1);
$('#p2').css('fontSize', pa2);
}
setInterval(fstyle, 3000);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.