0

对stackoverflow有点新手并且花了太多时间思考这个问题，但简而言之，我试图找出最好的方法和最少的代码量来实现这一点。我有一个条件，它将根据一天中的时间执行操作。见下文：

var date = new Date();
var time = date.getHours();

if(time < 12){
header.prepend('Morning ');
link.attr('href', 'css/morning.css');
} else if (time >= 12 && time <= 18){
header.text('its afternoon time');
link.attr('href', 'css/day.css');
} else {
header.prepend('Night ');
link.attr('href', 'css/night.css');
}

点击事件也发生了类似的动作：

$('button').click(function(){
var styleswitcher = $(this).text().toLowerCase();
link.attr('href', 'css/' + styleswitcher + '.css');
});

有没有办法将它们组合成一个函数，我觉得我通过在条件和点击事件中调用样式表两次来重复自己。因此，如果时间和点击事件匹配显示正确的样式表，则类似的东西。感谢所有的帮助！

4

1 回答 1

1

是的，只需将代码打包并放入函数中即可。

$(document).ready(function() {

    function change_css() {    
        var date = new Date();
        var time = date.getHours();
        var styleSwitcher = 'night';

        if(time < 12) {
            styleSwitcher = 'morning';
        }

        else if(time >= 12 && time <= 18) {
            styleSwitcher = 'day';
        }

        link.attr('href', 'css/' + styleSwitcher + '.css');
    }

    change_css(); // First call on initial run.

    $('button').click(function() {
        change_css();
    });

});

注意：我还没来得及测试这段代码，但想法是正确的。

于 2013-02-08T21:41:30.883 回答